wulin.comの以前のチュートリアルでは、WebページHTMLファイルにセマンティクスがあることが何度も強調されています。外観とスタイルに基づいて選択するのではなく、WebページHTMLドキュメントの構造に基づいて、最も適切なHTMLまたはXHTMLタグを選択する必要があります。 Pタグを使用して、新しいライン効果を取得するのではなく、段落を定義します。それらを使用してテキストサイズと太字の効果を実現する代わりに、H1-H6タグを使用してタイトルをマークします。
たとえば、タイトルとして、H1で定義できます。
<h1>記事のタイトルテキストはここに書かれています</h1>
そして、それを定義するために他の方法を使用するべきではありません:
<p style = font-size:16px; font-weight:bold;>記事のタイトルテキストはここに書かれています</p>
wulin.comの以前の記事では、Xhtml1.0で許可されているすべてのタグをリストしました。また、実際に選択できる要素タグが非常に少ないこともわかります。しかし、これらの洗練された元素マークもより意味があることを明確に認識しています。マークを付けるための適切な要素が本当に見つからない場合は、一般的なDivとスパンタグを使用できます。
ページでDIVSとSPANタグを使用することは新しい問題であり、それらをあまりにも多く使用する傾向があります。 DIVの必要かつ合理的な使用は、ドキュメントの構造を大幅に強化する可能性があります。 HTMLドキュメントを見て、多くのDIVとスパンがあることを発見した場合、別の視点から問題を見る必要があります。虐待はありますか?それらを交換するためのより良いマーカーはありますか? H1がマークされたコンテンツをより適切に表すことができる場合、定義のためにpまたはスパンをあきらめる必要があります。
おそらくこれは矛盾のペアであり、それらを正しく使用する方法を把握することは困難です。しかし、明確にするべきことの1つは、ドキュメントを論理的に明確で簡単に適用できるようにする必要があることです。 divをコンテナとして、またはドキュメントのコンポーネントとして見ることができます。私たちはあまりにも多くのコンテナを使用していますが、これは賢明なパターンではありません。合理的な位置にちょうどいい容器は、ドキュメント全体を非常に整理しているようにすることができます。
次のコードはより合理的で効果的です:
<div id = header>
<h1> wulin.com vevb.com。あなたの到着へようこそ</h1>
<h2> wulin.com webjx.comは、最新かつ最速のWebテクノロジーを提供します</h2>
<p> wulin.com Vevb.comは、Web制作チュートリアル、ダイナミックWeb制作チュートリアル、Webサイトビルディングガイド、フラッシュアニメーションチュートリアル、ビデオチュートリアル、Web特殊効果コード、Web素材、本のダウンロード、その他のコンテンツを提供しています。それがあなたの仕事と勉強に役立つことを願っています。 </p>
</div>