元素语义化
元素的语义化:用正确的元素做正确的事情。
理论上来说,所有的 HTML 元素,我们都能实现相同的事情:
标签语义化的好处
- 方便代码维护;
- 减少让开发者之间的沟通成本;
- 能让语音合成工具正确识别网页元素的用途,以便作出正确的反应;
- 有利于 SEO;
- html
- css
<h2>h2 实现的标题</h2>
<div class="title">div 实现的标题</div>
<span class="title">span 实现的标题 </span>
.title {
margin: 20px 0;
font-size: 24px;
font-weight: 700;
}
http://localhost:3000
h2 实现的标题
div 实现的标题
span 实现的标题