XHTMLタグは適切に使用する必要があります

<br />123WORDPRESS.COM の以前のチュートリアルでは、Web ページの HTML ファイルをセマンティックにすることの重要性を繰り返し強調してきました。外観のスタイルに基づいて HTML タグまたは XHTML タグを選択するのではなく、Web ページの HTML ドキュメントの構造に基づいて、最も適切な HTML タグまたは XHTML タグを選択する必要があります。 P タグは改行効果を得るためではなく、段落を定義するために使用します。見出しをマークするために h1 ～ h6 タグを使用しますが、テキストのサイズや太字の効果を実現するためには使用しません。
たとえば、タイトルは h1 として定義できます。
<h1>ここに記事のタイトルを記入します</h1>
他の方法で定義しないでください。
<p style="font-size:16px; font-weight:bold;">ここに記事のタイトルが書かれています</p>
123WORDPRESS.COM の前回の記事では、XHTML1.0 で許可されているすべてのタグをリストしました。また、選択できる要素タグは実際には非常に少ないことがわかります。しかし、私たちは、これらの洗練された要素のマークには、より明確な意味もあることをはっきりと認識しています。マークアップする適切な要素が本当に見つからない場合は、一般的な div タグと span タグを使用できます。
ページ内での div タグと span タグの使用は新たな問題であり、私たちはこれらを使いすぎる傾向があります。 div を必要かつ適切に使用すると、ドキュメントの構造が大幅に強化されます。 HTML ドキュメントを調べて、div や span がたくさんあることに気付いた場合は、問題を別の観点から見る必要があります。不正使用はありませんか?これに代わるより良いマーカーはありますか? h1 がマークするコンテンツをより適切に表現できる場合は、それを定義するために p または span を放棄する必要があります。
おそらくこれは矛盾であり、正しい使い方を把握することが困難であり、あるいは明確な答えをまったく得られないのかもしれません。しかし、1 つ明確にしておく必要があるのは、ドキュメントに明確な論理構造を持たせ、スタイルを適用しやすくする必要があるということです。 div は単なるコンテナ、またはドキュメントの「一部」と考えることができます。コンテナを使いすぎていますが、これは賢明なパターンではありません。適切な場所にコンテナを配置すると、ドキュメント全体が整理されたように見えます。
次のコードはより合理的かつ効果的です。
<div id="ヘッダー">
<h1>123WORDPRESS.COMjb51.net。ようこそ
<h2>123WORDPRESS.COMWebjx.Com は最新かつ最速の Web テクノロジーを提供します</h2>
<p>123WORDPRESS.COMjb51.net では、Web ページ制作チュートリアル、動的 Web ページ制作チュートリアル、Web サイト構築ガイド、Flash アニメーションチュートリアル、ビデオチュートリアル、Web ページ特殊効果コード、Web ページ資料、書籍ダウンロードなどのコンテンツを提供しています。仕事や勉強に役立つことを願っています。 </p>
</div>

<<: Dockerはコンテナに入るためにnsenterツールを使用する

>>: JS+Canvas でダイナミックな時計効果を実現