ホームページ > 記事 > ウェブフロントエンド > HTML5のセマンティックタグの意味は何ですか

HTML5のセマンティックタグの意味は何ですか

WBOYオリジナル: 2022-01-23 13:47:522246ブラウズ

HTML5 では、セマンティックタグはブラウザーや開発者に対してその意味を明確に説明できます。つまり、対応する構造的意味を持つ HTML タグを使用するようにしてください。セマンティックタグには、「フッター」と「ヘッダー」、「nav」、「figcaption」タグなど

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 セマンティックタグの意味は何ですか?

セマンティクス = 意味

セマンティック要素 = 意味のある要素

セマンティック要素とは何ですか?

セマンティック要素は、ブラウザーと開発者に対してその意味を明確に説明できます。

非セマンティック要素の例:

および - 内容を考慮する必要はありません。

セマンティック要素の例:

、、

- コンテンツを明確に定義します。

多くの既存の Web サイトには、次の HTML コードが含まれています:

、

、または、ナビゲーションリンク、ヘッダー、およびフッターを示します。

HTML5 は、Web ページのさまざまな部分を識別するための新しいセマンティック要素を提供します:

##例は次のとおりです。

タグはドキュメント内のセクション（セクション、セクション）を定義します。章、ヘッダー、フッター、文書のその他の部分など。

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section>
  <h1>WWF&#39;s Panda symbol</h1>
  <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html>

出力結果:

推奨チュートリアル: "

html ビデオチュートリアル

以上がHTML5のセマンティックタグの意味は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html5 html class table

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTML5でナビゲーションタグを非表示にする方法次の記事：HTML5でナビゲーションタグを非表示にする方法

続きを見る

HTML5のセマンティックタグの意味は何ですか

HTML5 セマンティック タグの意味は何ですか?

関連記事

HTML5 セマンティックタグの意味は何ですか?