什么是HTML语义化？有哪些好处？

 

HTML语义化就是用合理、正确的标签来展示内容。采用DIV+CSS布局我们的页面。但是这样的布局方式不仅使我们的文档结构不够清晰，而且不利于浏览器对页面的读取。语义化标签也能让浏览器更好的读取页面结构。再就是便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
 

常用的语义化标签包括

<header></header>头部

<nav></nav>导航栏

<section></section>区块（有语义化的div）

<main></main>主要区域

<artical></artical>主要内容

<aside></aside>侧边栏

<footer></footer>底部

 

HTML语义化有以下几个好处？

·去掉或者丢失样式的时候能够让页面呈现出清晰的结构；

·有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；

·方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页；

·便于团队开发和维护，语义化更具可读性，遵循W3C标准，可以减少差异化。