2.1.3 セマンテック

要素は目的に沿ったHTMLで使用する。

要素は（時々「タグ」と呼ばれますが誤り）それらが作られた目的通りに使います。例えば[header]要素は、headerに[p]要素は段落に、[a]要素はアンカーリンクに使うこと。本来の目的に応じてHTMLを使用することは、アクセシビリティ・再利用性・効率化などの理由で重要です。

▽推奨サンプル

<!-- OK -->
<a href="recommendations/">All recommendations</a>

▽非推奨サンプル

<!-- NG -->
<div onclick="goToRecommendations();">All recommendations</div>