CSS_HTML/Xhtml_Webpage Production での XHTML タグの対応する属性と使用法

Web ページをデザインするために XHTML CSS に初めて触れたとき、私はタグを使用した経験がほとんどなく、効果が得られれば十分だと考えて、思いついたものを使用することが多かったです。しかし、検索エンジン最適化に関する知識の研究と理解が深まるにつれて、タグの使用は実際には科学であることがわかりました。 Script Home - jb51.net の CSS チュートリアル記事ではセマンティクスを強調してきましたが、HTML タグをどのように使用するか?一般的にどこで使用されますか?
初めて XHTML CSS Web ページのデザインに触れたとき、私はタグを使用した経験がほとんどなく、効果が得られれば十分だと考えて、思いついたものをよく使用していました。 。しかし、検索エンジン最適化に関する知識の研究と理解が深まるにつれて、タグの使用は実際には科学であることがわかりました。
ここでは、CSS の各タグの対応する属性と使用法については詳しく説明しません。Web ページでの応用に焦点を当てます。
1. DIV
XHTML Web サイトを構築する人には、DIV は 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 サイトでは、検索エンジンがより多くのコンテンツをクロールし、ユーザーにより良いブラウジング エクスペリエンスを提供できるように、セグメント化するときに
タグを使用します。場合によっては、期待した効果がまったく得られないというわけではありません。厳密に型指定されたドキュメントの場合、
表現形式に属するタグなので使用は禁止です。
ほとんどの Web サイトでは移行ドキュメント タイプが使用されていますが、テキストのセグメント化に移行ドキュメント タイプを使用することはお勧めしません。
4. UL タグと LI タグ
これは順序なしリストであり、UL タグはリストの宣言であり、LI はリスト項目です。プロジェクトが比較的独立しているため、ナビゲーション、ニュース、記事リストなどでよく使用されます。 UL は、異なるリストを区別するためのコンテナとしても使用できます。
一部の Web サイトは「Web 標準」を追求し、テーブルを UL および LI に変換することがあります。これにより、Web ページが読みにくくなり、Web 標準によって伝えられる概念に反することになります。
5. Table
ここでは Table の使用法についてはあまり紹介しませんが、Web 標準は将来的に Table を使用できないという意味ではなく、推奨されないということだけを言いたいと思います。レイアウトにテーブルを使用し、使用するデータを表示するためにのみ使用します。したがって、Web に準拠した Web ページと Table タグの使用の間に矛盾はありません。
6. 検索エンジン用に用意されたタグ
(1) Title: Web ページのタイトルと Web サイトの説明。サブタグは検索エンジンにとっても価値があり、多くの場合、ターゲット キーワードが含まれます。
(2) メタキーワード: Web ページ内の主要なキーワード。元々は検索エンジンがウェブサイトを分類しやすくするために用意されたものですが、その後、多くのウェブサイトがキーワード順位を有利にするためにこのタグを不正使用することが多かったために、現在ではこのタグは検索エンジンにとってほとんど意味がありません。
(3) メタディスクリプション: Web ページの説明。キーワードと同様、元々は検索エンジンの分類を容易にすることを目的としていたため、多くの Web サイトがこのタグを不正行為に使用しているため、検索エンジンにとってはそれほど重要ではなくなりました。現在、主流の検索エンジンの中でコンテンツをクロールしているのは Google だけですが、コンテンツに基づいてキーワードを決定することはほとんどありません。
実際、検索エンジンにとって最も重要なことはコンテンツの品質です。同様に、私たちは訪問者に自分自身を宣伝するためにウェブサイトを構築します。早いからこそ基本を忘れないようにしましょう。結局のところ、ユーザーが気にしているのは、Web サイトのランキングではなく、その情報が自分にとって必要なものであるかどうかです。
上記は、初心者にとって混同しやすい一般的に使用されるタグです。今後も新しい問題が発生した場合は、更新された CSS チュートリアルの記事に注目してください。 。