セマンティックHTMLsemantic HTML

セマンティックHTMLは、HTMLの要素を本来の用途に沿って使い、Web文書の各部分の役割を示す記述方法である。HTMLの別バージョンや独立した規格ではない。<header>、<nav>、<main>、<article>、<button>、<form>などの要素によって、ページ内の領域や操作部品の性質を表す。

すべての領域を<div>のような汎用要素で表す場合とは異なり、要素自体が意味を伝える。支援技術やWebページを読み取るAIエージェントは、この構造を使って内容と操作部品を区別できる。

この説明は、AIPOSTの記事と広く知られた事実をもとにまとめたものです。誤りがあれば訂正依頼でお知らせください。