Script House のこれまでのチュートリアルでは、Web ページの HTML ファイルをセマンティックにすることを繰り返し強調してきました。 HTML タグまたは XHTML タグは、外観に基づいて選択するのではなく、Web ページの HTML ドキュメントの構造に基づいて最適な HTML タグまたは XHTML タグを選択する必要があります。 P タグは、改行効果を得るために使用するのではなく、段落を定義するために使用します。 h1 ～ h6 タグは、テキスト サイズや太字効果を実現するために使用するのではなく、見出しをマークするために使用します。
たとえば、タイトルは h1 を使用して定義できます。
ここに記事のタイトルテキストが書かれています
他の方法を使用して定義するのではなく:
ここに記事のタイトルテキストが書かれています
Script House の前回の記事では、XHTML1.0 で許可されているすべてのタグをリストしましたが、実際には選択できる要素タグが非常に少ないこともわかります。しかし、これらの洗練された要素マークにも、より明確な意味があることも明確に認識しています。タグ付けする適切な要素が本当に見つからない場合は、汎用の div タグと spam タグを使用できます。
ページでの div タグと spam タグの使用は新たな問題であり、私たちはそれらを使いすぎる傾向があります。 div を必要かつ合理的に使用すると、ドキュメントの構造を大幅に強化できます。 HTML ドキュメントを見て、div と Span が多数あることがわかった場合は、問題を別の観点から見る必要があります。不正行為はないか?それらに代わるより良いマーカーはありますか? h1 がマークされたコンテンツをより適切に表現できる場合は、それを定義するために p または span を放棄する必要があります。
おそらくこれは矛盾しており、それらを正しく使用する方法を理解するのは難しいか、おそらく明確な答えはまったく得られません。ただし、明確にする必要があることが 1 つあります。文書に明確な論理構造を持たせ、スタイルを適用しやすくする必要があります。 div は単なるコンテナ、またはドキュメントの「一部」と考えることができます。コンテナを多用しすぎますが、これは賢明なパターンではありません。また、コンテナが適切かつ適切な位置にあると、文書全体が整理されて見えるようになります。
次のコードは、より合理的で効果的です。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
