什么是html语义化？
官方解释：html语义化是指用合理的html标记以及其特有的属性去格式化文档内容。
通俗的讲：就是用合理、正确的标签来展示内容。（标签指一种标记方式，如，表示标题信息；也可以理解为人体骨架的某一块骨头，专属名称叫什么）。
那么为什么需要语义化？
1.随着互联网的发展，WEB也承载越来越多的信息（图片，声音，视频等），人们开始用机器来处理网络信息，就此诞生了搜索引擎。如次庞大及复杂的信息如何让搜索引擎处理和挖掘，所以让机器能够更好地读懂WEB上内容就变得越来越重要。
2.传统的Web由文档组成，W3C希望通过一组技术支撑“数据的Web”，即Web of Data，将Web看作一个存储和管理数据的大型分布式数据库。语义Web是构造这样的数据Web的重要一环，帮助人们创建数据并存储在Web上，创建相关的词汇表及数据的处理规则。 ——w3.org。既然W3C有如此雄心为我们规划未来语义网，开发者作为W3C的坚定追随者还有什么理由不跟着大步迈进呢？ 语义网的基础必然是语义化的结构网页。
3.此外，语义化可以带来许多好处：一、清晰的页面结构、去掉或样式丢失的时候,也能让页面呈现清晰的结构，增强页面的可读性。
二、支持更多的设备：屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页。 如果你使用的含语义的标记,屏幕阅读器会根据你的标签来判断网页的内容，而不是一个字母一个字母的拼写出来。
三、有利于SEO和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息，搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重。
四、便于团队开发和维护 在团队中大家都遵循同一个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至实现模块化开发。
基本标签如下：
1. <title>：页面主体内容。
2.<hn>：h1~h6，分级标题，<h1> 与 <title> 协调有利于搜索引擎优化。
3. <ul>：无序列表。
4. <li>：有序列表。
5. <main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。
6. <small>：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。
7.<strong>：和 em 标签一样，用于强调文本，但它强调的程度更强一些。
8. <em>：将其中的文本表示为强调的内容，表现为斜体。
9. <mark>：使用黄色突出显示部分文本。
10.<figcaption>：定义 figure 元素的标题，应该被置于 figure 元素的第一个或最后一个子元素的位置。
11.<cite>：表示所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。
12.<blockquoto>：定义块引用，块引用拥有它们自己的空间。
13.<q>：短的引述（跨浏览器问题，尽量避免使用）。
14.<time>：datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。
15. <abbr>：简称或缩写。
16. <dfn>：定义术语元素，与定义必须紧挨着，可以在描述列表dl元素中使用。
17. <address>：作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）。
18. <del>：移除的内容。
19.<ins>：添加的内容。
20. <code>：标记代码。
21.<meter>：定义已知范围或分数值内的标量测量。（Internet Explorer 不支持 meter 标签）
22. <progress>：定义运行中的进度（进程）。
使用相关标签进行排版
1.网页标题：title
2.标题标签：h1-h6，数字越大，标题越小，标题语义：作为标题使用，依据其重要性递减
特点：加了标题的文字会变得加粗，字号也会依次变大，一个标题独占一行
3.段落标记：p，可以有也可以没有。用于定义段落，标签语义：可以将整个网页分为若干个段落
特点：文本在一个段落中会根据浏览器窗口的大小自动换行，段落和段落之间有空隙
4.强制换行：br，可以有也可以没有
特点：它是单个标签，只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直间距
5.水平线：hr
6.字体加粗：strong；斜体：em
7.注释和特殊符号：注释：！— — 空格：nbsp，大于号：gt，小于号：lt，引号：quot，版权符号：copy
对比非语义化标签化的差异
1.与非语义化标签化相比，语义化标签提升了网站的可访问性，使得辅助技术如屏幕阅读器能够更好地理解和解读网页内容。这对于视力有障碍的用户、使用辅助技术的用户以及搜索引擎来说都是非常重要的
2.语义化标签化可以改善搜索引擎优化：搜索引擎通过分析网页的结构和内容来判断网页的相关性，语义化标签能够提供更准确的信息，使搜索引擎更好地理解网页的内容和结构，从而提高网页在搜索结果中的排名
3.便于开发和维护：使用语义化标签可以使网页结构更加清晰明了，减少了代码的冗杂和复杂，使开发和维护工作更加高效和方便。同时，语义化标签也提高了代码的可读性，减少了出错的可能
4.提升用户体验：语义化标签使网页的结构更加清晰明了，从而使用户能够更轻松地理解和浏览网页内容。同时，语义化标签也可以为网页提供更好的样式和布局，提升了用户的视觉体验
给大家提供一些语义化的具体建议 1.根据文档上下文结构合理的选用最适合表达当前语义的标签
2.尽可能少的使用无语义的标签div和span 不要使用纯样式标签，如：b、font、u等，一
3.切表现改用css设置；
4.h标签的使用应该根据重要性逐级递减，没有断层。并且一个页面只能有一个h1；
5.提高关键词密度，如图片替换alt，链接说明title；
6.正确使用内容容器，如段落p，列表ul, ol, li, dl, dt, dd
7.需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；
8.使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；
9.表单域要用fieldset标签包起来，并用legend标签说明表单的用途；
10.每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。
