Skip to main content

元素语义化

标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中等等。

  • 元素的语义化：用正确的元素做正确的事情。

  • 理论上来说，所有的 HTML 元素，我们都能实现相同的事情：

  • 标签语义化的好处

    • 方便代码维护；
    • 减少让开发者之间的沟通成本；
    • 能让语音合成工具正确识别网页元素的用途，以便作出正确的反应；
    • 有利于 SEO；
<h2>h2 实现的标题</h2>
<div class="title">div 实现的标题</div>
<span class="title">span 实现的标题 </span>
http://localhost:3000

h2 实现的标题

div 实现的标题
span 实现的标题