XHTMLタグの場所を混同しやすい_HTML/Xhtml_Webページ制作

jb51.net の記事ではセマンティクスを重視してきましたが、HTML タグはどのように使用すればよいのでしょうか?一般的にどこで使用されますか?
初めて XHTML CSS Web ページのデザインに触れたとき、私はタグを使用した経験がほとんどなく、効果が得られれば十分だと考えて、思いついたものをよく使用していました。 。しかし、検索エンジン最適化に関する知識の研究と理解が深まるにつれて、タグの使用は実際には科学であることがわかりました。
ここでは、CSS の各タグの対応する属性と使用法については詳しく説明しません。Web ページでの応用に焦点を当てます。
1. DIV
DIV は、XHTML Web サイトを構築する人にはよく知られているはずです。多くの Web サイトや資料では、Web 標準 Web サイト構築を DIV CSS Web サイト構築とも呼びます。 W3C では Web ページのレイアウトに Table タグを使用することを推奨しておらず、レイアウト タグとしての DIV が当然レイアウトの重要な役割を担うため、このように呼ぶのも無理はありません。
DIVは大きな入れ物とも言えます。 Web ページ全体の構造レイアウトに加えて、Web ページ内で比較的独立しているように見える領域を分割するために使用することをお勧めします。新聞と同じように、DIV の機能は、さまざまなコンテンツを分割するための大きなコンテナです。さまざまな分野で、特定の状況に応じて適切なラベルが選択されます。
2. H タグ
H タグはタイトル タグで、段落の意味を示すために段落の前によく使用されます。表示のレベルや表現したい意味に応じてH1～H6に分けることができます。
H1 は最も重要であり、Web サイト全体の機能と性質の説明を表現したり、Web サイトの対象読者を示すためによく使用されます。他のタグは、レベルに応じて、特定の領域の名前や特定の紹介文の概要を表示するために使用されます。
H タグは Web サイトの一般的な説明やテキストの特定の段落を表すため、検索エンジンと比較して高い価値があります。しかし、だからといって気軽に使えるわけではありません。たとえば、一部の Web サイトでは、特定のキーワードのランキングを意図的に追求するために、H タグを使用してテキストの段落にキーワードを表示します。または、単純に H タグをコンテナとして使用して、Web ページをレイアウトします。これは H タグの役割を完全に混乱させるため、お勧めできません。
3.P
P は段落タグであり、一連のテキストの異なる段落を区別するために使用されます。検索エンジンの場合、クロール順序に従って、最初の P タグ内のテキストも高い価値を持ちます。 Baidu と同様に、メタ タグの説明 (説明) のテキストを無視し、最初の P タグのコンテンツを取得します (絶対ではありません)。
一部の Web サイトでは、検索エンジンがより多くのコンテンツをクロールし、ユーザーにより良いブラウジング エクスペリエンスを提供できるように、セグメント化するときに
タグを使用します。場合によっては、期待した効果がまったく得られないというわけではありません。厳密に型指定された (Strict) ドキュメントの場合、
は式形式に属するタグであり、使用は許可されません。
ほとんどの Web サイトでは移行ドキュメント タイプが使用されていますが、テキストのセグメント化に移行ドキュメント タイプを使用することはお勧めしません。
4. UL および LI ラベル
これは順序なしリストであり、UL タグはリストの宣言、LI はリスト項目です。プロジェクトが比較的独立しているため、ナビゲーション、ニュース、記事リストなどでよく使用されます。 UL は、異なるリストを区別するためのコンテナとしても使用できます。
一部の Web サイトは「Web 標準」を追求し、テーブルを UL および LI に変換することがあります。これにより、Web ページが読みにくくなり、Web 標準によって伝えられる概念に反することになります。
5. テーブル
ここでは Table の使用法についてはあまり紹介しませんが、Web 標準では今後 Table を使用できないというわけではありませんが、レイアウトのみに Table を使用することは推奨されません。データを表示するとき。したがって、Web に準拠した Web ページと Table タグの使用の間に矛盾はありません。
6. 検索エンジン用に用意されたタグ
(1) タイトル: Web ページのタイトル、Web サイトの説明。サブタグは検索エンジンにとっても価値があり、多くの場合、ターゲット キーワードが含まれます。
(2) メタキーワード: Web ページ内の主要なキーワード。元々は検索エンジンがウェブサイトを分類しやすくするために用意されたものですが、その後、多くのウェブサイトがキーワード順位を有利にするためにこのタグを不正使用することが多かったために、現在ではこのタグは検索エンジンにとってほとんど意味がありません。
(3) メタディスクリプション: Web ページの説明。キーワードと同様、元々は検索エンジンの分類を容易にすることを目的としていたため、多くの Web サイトがこのタグを不正行為に使用しているため、検索エンジンにとってはそれほど重要ではなくなりました。現在、主流の検索エンジンの中でコンテンツをクロールしているのは Google だけですが、コンテンツに基づいてキーワードを決定することはほとんどありません。
実際、検索エンジンにとって最も重要なことはコンテンツの品質です。同様に、私たちは訪問者に自分自身を宣伝するためにウェブサイトを構築します。早いからこそ基本を忘れないようにしましょう。結局のところ、ユーザーが気にしているのは、Web サイトのランキングではなく、その情報が自分にとって必要なものであるかどうかです。
上記は、初心者が比較的混同しやすい一般的に使用されるタグについて簡単に紹介したものです。今後も新しい問題が発生した場合は、jb51.net の更新記事にご注目ください。ディスカッションも歓迎です。