XHTMLタグのセマンティクス入門_HTML/Xhtml_Webページ制作

最初に説明すべき点は、人間は視覚的な区分によってコンテンツの意味を判断でき、検索エンジンはコードしか見ないということです。検索エンジンはタグを通じてのみコンテンツの意味を判断できます。 以前は検索エンジンにあまり注意を払っていませんでしたが、今では、ページのトラフィックの大部分が検索エンジンからのものであるため、検索エンジンにできる限りフレンドリーなページにするために、より注意を払うようになりました。 、タグのセマンティックを可能な限り変更する必要があります。

以前は、Web 開発についての表面的な理解に基づいて、標準に準拠した優れたページを作成するには、構造とプレゼンテーションを分離するだけでよく、テーブルやフォントは使用しないと考えていました。その他のタグについては、CSSが強力なので問題ないと思います。ただし、すべてのタグには独自のセマンティクスがあり、一部のタグのセマンティクスは次のとおりです。

div セマンティクス: 分割 (分離)

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

ol セマンティクス: 順序付きリスト (並べ替えられたリスト)

ul セマンティクス: 順序なしリスト (順序なしリスト)

li セマンティクス: リスト項目 (リスト項目)

… ………

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

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

一般に、すべてのタグにはデフォルトのスタイルがあるため、Web ページのタグのセマンティクスが適切かどうかを判断する簡単な方法は、スタイルを削除して、Web ページの構造が適切に構成されているかどうかを確認することです。まだ読みやすい内容がたくさんあります。

さらに、h タグについて言及する価値があります。h タグの意味は、検索エンジン、特に h1 と h2 に対してより敏感です。適切なセマンティクスを持つページの場合、h タグは隙間なく完全かつ整然としている必要があります。つまり、h1、h3、h4、h2 を見逃すのではなく、このように h1、h2、h3、h4 をプッシュダウンする必要があります。適切に構造化された Web ページの場合、h タグで Web ページの概要を整理できます。