html5语义化

1、首先需要了解一下为什么需要语义化

　　①：易修改、易维护

　　②：无障碍阅读

　　③：搜索引擎友好，利于SEO

　　④：面向未来的HTML，浏览器在未来可能提供更丰富的支持

 

2、结构语义化

　　①：<header>元素，两种用法：一种使标注内容的标题，另一种是标注网页的页眉（一般不在内容中使用）

　　②：<nav>导航栏，（主要导航使用他，也可以是一组文章的链接）

　　③：<aside>附注，（可以是侧栏，也可以用来说明文章的附加内容）

　　④：<footer>页脚，（仅可以包含版权、来源信息、法律限制等之类的文本或链接信息）

　　⑤：<main>主要内容，（标识主体内容）

　　⑥：<article>文章，（表示一个完整的、自称一体的内容块。如文章或新闻报道）

 

其他还有挺多标签，具体可以查看：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element