Html语义化理解
1、什么是HTML的语义化？
基本上围绕几个主要标签：标题(H1 ) H6 )、列表(li )、强调(strong em )
基于内容的结构化(内容语义化)，选择合适的标签(代码语义化)代码语义化)让开发者在编写更容易阅读、更优雅的代码的同时，更好地解析浏览器的爬虫和机器。
2、为什么要语义化？
为了在没有CSS的情况下也能较好地表现页面内容结构，代码结构：使得在裸奔时变得干净；
用户体验：如title、alt用于名词解释、图像信息解释、标签应用；
有利于SEO :与搜索引擎建立良好的沟通，帮助爬虫获取更多有效的信息。 爬行动物依赖标签来决定上下文和各个关键字的权重；
以有助于分析其他设备(如屏幕阅读器、盲人阅读器和移动设备)的方式渲染网页。
是团队开发和维护方便、语义化更具可读性、下一步将是网页的重要动向，符合W3C标准的团队遵循此标准可以减少差异化。
3、写HTML代码应该注意什么？
尽量减少无意义的标签div和span的使用；
在含义不明确的情况下，在div或p均可用的情况下，尽量使用p。 p默认具有上下间隔，有利于与特殊终端的兼容性；
请不要使用b、font、u等纯样式标签，而是使用css设置。
需要强调的文本可以包含在strong或em标记中。 (浏览器预设样式，如果可以在CSS中指定则不使用他们)、strong默认样式不使用粗体(b )、em不使用斜体) ) I )。
使用表格时，标题用caption、标题用thead、主体部分用tbody、末尾用tfoot括起来。
区分标题和普通单元格，标题为th，单元格为td；
表单域用fieldset标记包围，legend标记说明表单的用途。
每个input标签对应的说明性文本必须使用label标签，并且可以通过在input中设置id属性并在lable标签中设置for=someld来将说明性文本与对应的input相关联。
4、HTML5增加了什么意思标签
HTML5目标：编写更简洁的HTML代码，编写更简单的Web程序。
另一个令人兴奋的新功能是完全支持新的html标签和属性、CSS3、视频和音频标签、2D/3D图形、本地存储和本地SQL数据库。
引入语义元素的原因：让开发人员更直观地理解页面各个部分的菜单，同时搜索引擎和盲人使用的屏幕阅读器也可以更容易地识别页面的各个部分。
块标签：
article:标签表示文档、页面、APP应用程序或网站中的各个内容。 也就是说，可以单独发布或重用。
运用
使用article的示例包括博客、论坛帖子、新闻文章和用户评论。
标签头
通常位于页面顶部或页面中块元素的顶部，包含整个页面或块的标题、摘要等信息。
一个文档可以包含多个header标记。 header标记不一定必须显示在页面顶部，其内容决定必须在此处使用header标记，位置并不重要； 可以将header元素添加到body、article、section和aside中。
标签footer
通常位于页面底部或页面中块元素的底部。
标签nav
表示页面导航，可以通过导航连接到网站的其他页面或当前页面的其他部分。
搜索引擎或屏幕阅读器基于nav标签确定网站的内容，并不适合将一组超链接放置在nav标签上。
标签aside
包含的内容不是页面的主要内容，而是具有独立性，是页面内容的补充。
使用aside的一个示例是页面的侧栏； 广告； 友情链接； 文章引文。
标签选择
一组主题内容，通常包含“头部”，可能有“尾部”。
标签div与section比较：标签div的应用范围更广，如果要在区域中定义样式，可以使用div标签。标签section包含明确的主题，通常有标题区域。
内容组标签：
标签main
显示页面正文内容； 每个页面只能包含一个main标记。 main标签不包含站点标题、徽标、主导航和版权声明等信息。
标签figure
定义媒体内容的分组及其标题。
标签figcaption
定义图形元素的标题。
文本级语义标签：
标签时间
HTML5的新标签。 表示日期、时间或日期和时间两者的值。
标签I和b
HTML4中已经存在，HTML5被赋予了新的语义化功能的标签。
标签I
HTML4限定字符样式，并将字符显示为斜体文本； HTML5表示强调不同的感情和声音，也可以表示技术用语、生物分类、来自其他语言的熟语、习语、一种想法等。
标签b
HTML4限定字符样式，并将字符显示为粗体文本； HTML5表示文档中的关键字、商品名等。
标签em和strong
HTML4已经有语义化的功能。
标记em:emphasis强调标记中的内容是强调的重要内容，在浏览器中显示为斜体文本。
标签strong :表示非常重要、重要或内容紧急。 在浏览器中以粗体文本显示。
用法：如果只想以斜体或粗体显示字符样式，请不要使用这些语义标签。 W3C建议在CSS样式表中定义字符样式。