1、 HTML语义化
HTML语义化就是合理、正确的使用标签来展示内容，更便于理解。比如使用 h1 ~ h6定义标题。
HTML语义化的好处：
代码结构清晰，方便阅读，有利于团队合作开发；
利于搜索引擎优化，利于SEO。
常见语义化标签
- <title>：定义文档的标题（注：只能在head标签内出现）。
- <hn>：h1~h6，分级标题，<h1> 与<title> 协调有利于搜索引擎优化。
- <ul>：无序列表。
- <ol>：有序列表。
- <header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。
- <nav>：标记导航。
- <main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。
- <article>：定义外部的内容，其中的内容独立于文档的其余部分。
- <section>：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
- <aside>