これらのドキュメントをマークすることにより、セマンティックHTMLを学びます。
これは、HTMLを学習するために練習のためにマークアップできるテキストドキュメントのディレクトリです。ドキュメントには、携帯電話とデスクトップのWebサイトに表示される典型的なコンテンツが含まれています。ここにはテキストのみが含まれています!あなたの仕事はマークアップを追加することです!
HTMLコードを構文的に修正することに加えて、あなたの目標は、HTMLマークアップを使用して意味を高め、情報のコンテキストを維持することです。マークアップは明確さを追加する必要があります。
あなたの目標は、コンテンツテキストを最もよく説明するタグでドキュメントをマークすることです。タグに、各ドキュメントのコンテンツのメッセージと意図を最適に表現する必要があります。
ブラウザでドキュメントがどのように見えるか心配しないでください。これは一般的な初心者の間違いです。ブラウザのデフォルトのスタイルは、他のStyleSheetが含まれていない場合に提供されるデフォルトの選択肢のみです。
これらのタグを使用します:
<header><section><article>記事><footer>フッター><h1><p><small><blockquote><pre><code><strong><em><abbr><a><time>時間><sup><q> TL; DRこのレポをダウンロードして、各ドキュメントにHTMLタグの追加を開始します。
このレポは、課題とソリューションのリストが含まれています。各ソリューションファイルにマークが付けられています。
チャレンジファイルにはテキストのみ、マークアップなし、マークアップ(タグ)を追加します。
あなたが始める前に、各ファイルのコメントを読んでください。テキスト自体も読んでください。追加するマークアップは、コンテキストを追加し、意味と意図を強化する必要があります。
このレポをダウンロードするのに問題がある場合は、次の手順を次に示します。
端子ウィンドウを開き、このリポジトリを配置するフォルダーに移動します。 (それはおそらく次のようなものと呼ばれています: dev/courses/web1.0 )
次のコードを入力します。
$ git clone [email protected]:soggybag/learn-semantic-markup.git
github.comにアクセスして、新しいリポジトリを作成します。 (注:「このリポジトリをREADMEで初期化する」のチェックボックスがチェックされていないことを確認してください。)
次のように入力して、リポジトリの目的地を更新します。
$ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master
いくつかの方法で作業を確認できます。
検証器を使用して、構文を確認します。 HTMLバリデーターは、HTMLの構文をチェックします。
https://validator.w3.org
バリデーターで作業を確認してください。
ソリューションに対して作業を確認してください。あなたが持っているものは解決策と同じである必要はありません!
お気軽に貢献してください!良い挑戦をするかもしれないドキュメントのアイデアがある場合は、お気軽に貢献してください。寄稿ガイドを参照してください。特に良い解決策がある場合は、それもお気軽に貢献してください!