使用语义标记意味着您在页面中使用的(X)HTML代码包含描述其用途的元数据 - 例如,<h2>可能会标记包含员工姓名的元数据class="employee-name".最初有些人希望搜索引擎会使用这些信息,但随着网络的发展,语义标记主要用于为CSS提供钩子.
使用CSS和语义标记,您可以将页面的可视化设计与标记分开.这样可以节省带宽,因为设计只需要下载一次,并且更容易修改设计,因为它没有混合到标记中.
另一点是,所使用的元素应该与其中包含的数据具有逻辑关系.例如,表格应该用于表格数据,<p>应该用于文本段落,<ul>应该用于无序列表等.这与早期的网页设计形成对比,早期网页设计经常使用表格来处理所有事情.