プログラミングでは、セマンティクスとは、コードの意味を指します。 たとえば、「JavaScript のその行を実行すると、どのような効果がありますか?」、「その HTML 要素には、どのような目的や役割がありますか?」(「どのように見えるのか?」ではなく)。

たとえば、<h1> 要素はセマンティック要素で、「ページの最上位の見出し」の役割(または意味)をまとったテキストを提供します。

<h1>これは最上位の見出しです</h1>

デフォルトでは、見出しのように見えるように大きなフォントサイズが与えられます(あなたが望むものに見えるようにスタイルを設定することもできます)が、もっと重要なのはセマンティックな意義が複数の方法で使用されることです。 たとえば、検索エンジンは、その内容をページの検索ランキング(SEO 参照)に影響する重要なキーワードと見なし、スクリーンリーダーは、視覚障害のあるユーザーがページを移動するのを助けるための道標として使用できます。

一方、どの要素も最上位の見出しのように見せることができます。 次の点を考慮してください。

<span style="font-size: 32px; margin: 21px 0;">これは最上位の見出しですか?</span>

これは最上位の見出しのようにレンダリングされますが、セマンティックな意義はありませんので、上記のように特別なメリットはありません。 したがって、HTML 要素を適材適所に使用することをお勧めします。

セマンティック要素

これらはセマンティック要素の一部です(出典)。

より詳しく知る

ドキュメントのタグと貢献者

このページの貢献者: Wind1808
最終更新者: Wind1808,