元素语义化

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

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

• 标签语义化的好处

  • 方便代码维护；
  • 减少让开发者之间的沟通成本；
  • 能让语音合成工具正确识别网页元素的用途，以便作出正确的反应；
  • 有利于 SEO；

html

<h2>h2 实现的标题</h2>
<div class="title">div 实现的标题</div>
<span class="title">span 实现的标题 </span>

css

.title {
  margin: 20px 0;
  font-size: 24px;
  font-weight: 700;
}

http://localhost:3000

h2 实现的标题

div 实现的标题

span 实现的标题