问题
你知道语义化吗？ 谈谈你理解的语义化。 如果是你的话，平时怎么保证语义化？
谈谈你知道的HTML5语义化标签吧。 HTML5添加了那些新功能吗？
你好，欢迎来到我的博客。 每天有一个问题，我们一起进步。
余话：新网站(https://www.lzpan.com)懒盘、百度云、青奏云资源搜索，欢迎关注。
闲话
其实，大家有没有想过一件事？ 现在说H5、C3，他们正式公布的时间是多长？
反正写这篇文章的时候想的。
根据HTML5对文章的调查，准确的发布时间应该是2014年10月。 (查看本文，http://www.chinaw3c.org/archives/677 /
我想你不会问面试的，我想你要知道就好了。
这是正题
语义化标签
h组
表示网页或section的标题。 如果元素具有多个级别，则可以包含从h1到h6的元素，如文章的主题和副标题的组合。
只有一个h1-h6时请不要使用这个标签。 多种情况下，h1-h6被hgroup包裹，可以将hgroup放入header标签中。
头儿
网页、section标题和hgroup可以包含在header中。 此选项卡没有数量限制，可以在一个网页上放置多个。
美国全国广播公司
Nav—定义导航、导航和页面的主要导航部分。 在整个页面的主导航部分不使用nav元素是不合适的
第二部分
表示文档中的节或段落。 段落是文章中按字体分隔的段落，部分是一组页面。
详细信息：
section可以使用div作为样式展示和脚本的便利，而不是常见的容器元素。
article、nav和aside可以理解为特殊的section，
所以如果可以使用article、nav、aside的话就不要使用section，实际上没有意义的东西就使用div
上述代码摘自网络
艺术作品
article表示文档、页面或网站中的一体化内容
详细信息：
独立文章： article
单独模块： section
没有意义： div
aside
aside元素作为主要内容的附属信息部分包含在article元素中，其内容可以是与当前文章相关的相关资料、标签、顺序解释等。
在项目元素之外，用作页面或站点的全局附属信息部分。 最典型的是侧边栏，其内容可以是日志合并、其他组的导航，甚至广告，以及与这些内容相关的页面。
福斯特
网页或section页脚通常包含部分的基本信息，例如作者、相关文档的链接和版权材料。
例如，xhddy博客网络，这里包含在footer中：
详细信息：
可以是网页或任意section的下部；
没有个数限制。 不仅包裹内容不同，而且与header相似【可以理解为本来header和footer就支持】。
详细信息
用于说明文档或文档某一部分的详细信息
萨马利
标签包含details元素的标题
迪亚罗格
定义对话框，如提示框
语义化是什么
自己的定义
以上所示的标签分别有含义和使用状况，我们将其称为语义化。
语义化的好处
语义化是指让计算机快速阅读，有效处理信息，从而对搜索引擎更加友好。
容易与他人合作，其他人可以通过阅读代码理解你的网络标签的含义。
页面可以呈现清晰的结构。
有利于SEO :与搜索引擎建立良好的沟通有助于爬虫掌握更有效的信息。 爬行器依赖标签来确定上下文和每个关键字的权重
以有助于分析其他设备(如屏幕阅读器、盲人阅读器和移动设备)的方式渲染网页。
团队开发和维护方便，语义化更具可读性，下一步是网页的重要动向，符合W3C标准的团队需要遵守此标准，减少差异化
扩展标签类型
类型
说明颜色
主要用于选择颜色
日期
从日期选择器中选择日期
日期时间
选择日期(UTC时间)
日期时间-本地
选择日期和时间。 没有时区。
电子邮件
包含电子邮件地址的输入字段
蒙提
选择月份
编号器
数值输入字段
语言
一定范围内的数值输入字段
搜索
用于搜索域
p>tel
定义输入电话号码字段
time
选择一个时间
url
URL 地址的输入域
week
选择周和年就是input(当然不止input) 的type属性的值新增了以上
比如我定义了一个颜色选择器：
在Chrome浏览器下：
感觉还可以吗？
在Win10 Edge下：
看出来了吗，显示方式完全是浏览器自己定义的，而不是开发者决定的。
哈米，这你都可以接受？那么告诉你，在很多低版本浏览器下，根本不支持，如果你要去兼容IEx，那么还是不能使用这个。只能说，等待以后大多数都兼容再说。
HTML5新增表单属性
placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。
required 属性，是一个 boolean 属性。要求填写的输入域不能为空
pattern 属性，描述了一个正则表达式用于验证 元素的值。
min 和 max 属性，设置元素最小值与最大值。
step 属性，为输入域规定合法的数字间隔。
height 和 width 属性，用于 image 类型的 标签的图像高度和宽度。
autofocus 属性，是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。
multiple 属性 ，是一个 boolean 属性。规定元素中可选择多个值。
HTML5新特性
新的DOCTYPE声明
完全支持css3 【所以从这里我们可以看出CSS3先于HTML5发布，那么CSS正式发布就在14年前】
新增video和audio 标签
语义化标签
canvas 【这也算是一个较重要的部分吧，个人认为】
新事件如 ondrag onresize
地理位置获取
以上有些参考：