html语义化

什么是html语义化

• 通俗的讲html语义化就是从代码的角度描述页面的结构，而不是从视觉的角度描述。

常用的一些语义化标签

• <h1>~<h6>作为标题使用，并且依据重要性递减
• <p>段落标记
• <ul>、<ol>、<li> 无序列表，有序列表
• <dl>、<dt>、<dd>，<dl> 就是“定义列表”。
• <em>、<strong> 强调，重点强调。
• <table>、<thead>、<tbody>、<td>、<th>、<caption> 做表格不要用来布局

html5新增

• header 头部
• footer 尾部
• nav 导航
• aside 侧边栏
• figure 图片与图片描述组合

新语义化标签的作用：

• 样式丢失时页面能呈现清晰的结构
• 方便其他设备解析，(屏幕阅读器、盲人阅读器、移动设备等)，以有意义的方式来渲染网页。
• 有利于SEO建立索引和优化
• 便于团队开发和维护，遵循W3C标准，可以减少差异化