構造セマンティクスに関する HTML の問題

この記事は主に構造セマンティクスに関する HTML の問題を共有するものであり、非常に参考になるので、皆さんのお役に立てれば幸いです。編集者をフォローして見てみましょう。

なぜ Web セマンティクスが必要なのでしょうか?

まず第一に、人々は視覚的な部門を通じてコン​​テンツの意味を判断でき、検索エンジンはコードのみを見ることができます。検索エンジンはタグを通じてのみコンテンツの意味を判断できます。ページのトラフィックの大部分は検索エンジンからのものであるため、ページを可能な限り検索エンジンに適したものにするためには、タグを可能な限りセマンティックにする必要があります。

すべてのタグには独自のセマンティクスがあります。いくつかのタグのセマンティクスを以下に示します。

スパンのセマンティクス:スパン(範囲)

• 
  

olセマンティクス:順序付きリスト(ソートリスト)
ulセマンティクス:非順序リスト(順序なしリスト)
liセマンティクス:リストアイテム(リスト項目)

• ラベルのセマンティクスとデフォルトのスタイルを無視し、すべてのラベルに p を使用すると、CSS を使用している限り、実際に優れた視覚効果を備えたページを作成できます。柔軟に。しかしその場合、視覚的な要件は満たされていますが、ページ全体には意味的な意味がまったくなく、検索エンジンは依然としてそれを理解できません。したがって、覚えておいてください:

• 構造 (html) がキーであり、スタイル (css) は構造を変更するために使用されます。したがって、まず HTML とタグを決定し、次に適切な CSS を選択する必要があります

次に、SEO を行う場合、タイトルを強調表示するために h1 を使用し、キーワードを強調表示するために Strong を使用することがよくあります。これはまさにセマンティクスの具現化です。現在の検索エンジンは、訪問者ほど直感的に Web ページを表示することはできず、ソース コードを分析して Web サイトのコンテンツを反映または推測することしかできません。たとえば、記事のタイトルを表現したい場合、次のように書くことができます:

<p id=”title”>文章的标题</p>

セマンティック上の利点:

• ユーザーにとって読みやすく、スタイルが失われた場合でもページに明確な構造を与えることができます。

• SEO に適しており、検索エンジンはタグに基づいて個々のキーワードのコンテキストと重みを決定します。

• は、セマンティクスに基づいてウェブページをレンダリングするブラインドリーダーなど、他のデバイスによる解析を容易にします。

• は、開発とメンテナンスに役立ち、セマンティクスはより読みやすく、コードはより適切に維持され、CSS3との関係が容易になります。より調和的です。

今日は、図に示すように、主要な構造タグを紹介します。

1.