XHTMLタグのセマンティクス入門
2022-01-29 09:17:33
最初のポイントは、人は視覚的な区分けでコンテンツの意味性を判断できるが、検索エンジンはコードしか見ないということだ。検索エンジンはタグによってのみコンテンツのセマンティクスを判断できる。なぜなら、ページのトラフィックの多くは検索エンジンから来るからです。検索エンジンにできるだけ優しいページを作るには、タグをできるだけセマンティックにする必要があります。
ただし、すべてのタグは独自のセマンティクスを持っており、いくつかのタグのセマンティクスは以下に示されています。
div セマンティクス。分割
span セマンティクス スパン(範囲)
olのセマンティクスです。順序付きリスト
ul セマンティクス。順序不同のリスト
li セマンティクス。リスト項目
............
あなたがタグのセマンティクスとデフォルトのスタイルを無視する場合は、すべてのタグは、実際には、あなたも限り、あなたは柔軟なCSSであるとして、ページの良好な視覚効果を書くことができます。だから、それを覚えている
構造(html)が焦点で、スタイル(css)は構造を修正するためのものです。だから、まずhtmlを定義し、タグを定義し、そして正しいcssを選択する。
一般に、すべてのタグにはデフォルトのスタイルが設定されます。したがって、ウェブページのタグのセマンティクスが良好かどうかを簡単に見分けるには、スタイルを削除して、ページの構造がよく整理されて整然としているか、まだ可読性が高いかを確認することです。
つまり、h1,h2,h3,h4ではなく、h1を押し下げ、h2を省く。hタグは、Webページのアウトラインをうまく整理してくれる。
ただし、すべてのタグは独自のセマンティクスを持っており、いくつかのタグのセマンティクスは以下に示されています。
div セマンティクス。分割
span セマンティクス スパン(範囲)
olのセマンティクスです。順序付きリスト
ul セマンティクス。順序不同のリスト
li セマンティクス。リスト項目
............
あなたがタグのセマンティクスとデフォルトのスタイルを無視する場合は、すべてのタグは、実際には、あなたも限り、あなたは柔軟なCSSであるとして、ページの良好な視覚効果を書くことができます。だから、それを覚えている
構造(html)が焦点で、スタイル(css)は構造を修正するためのものです。だから、まずhtmlを定義し、タグを定義し、そして正しいcssを選択する。
一般に、すべてのタグにはデフォルトのスタイルが設定されます。したがって、ウェブページのタグのセマンティクスが良好かどうかを簡単に見分けるには、スタイルを削除して、ページの構造がよく整理されて整然としているか、まだ可読性が高いかを確認することです。
つまり、h1,h2,h3,h4ではなく、h1を押し下げ、h2を省く。hタグは、Webページのアウトラインをうまく整理してくれる。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン