html5标签变化

一、html5标签变化
1.1 html <!doctype>标签
1.1.1定义和用法
<!doctype> 声明必须是html 文档的第一行，位于html标签之前

1.1.2不是html 标签
指示web浏览器关于页面使用哪个html 版本进行编写的指令

1.2DTD （文档类型定义）
1.2.1DTD
DTD定义合法的xml文档构建模块，它使用一系列合法的元素来定义文档的结构。

1.2.2在html 中
DTD规定了标记语言的规则，这样浏览器才能正确的呈现内容。

1.2.3html 5
html5 不基于SGML，所以不需要引用DTD

二、html5新增标签
2.1结构标签
结构标签（块状元素）----有意义的div

标记定义一篇文章

标记定义一个页面或一个区域的头部

标记定义导航链接

标记定义一个区域

标记定义页面内容部分的侧边栏

标记定义文件中一个区块的相关信息

标记定义一组媒体内容以及他们的标题

标记定义figure 元素的标题

标记定义一个页面或一个区域的底部

标记定义一个对话框（会话框）类似微信

2.2结构标签补充
header/section/aside/article/footer不要嵌套在里面

header/section/footer（外层）>aside/article/figure/hgroup/nav（内层）并互不嵌套

div/figcaption

2.3多媒体标签
标记定义一个视频

标记定义音频内容

标记定义媒体资源

标记定义图片

标记定义外部的可交互的内容或插件，如flash

2.4状态标签
状态标签（实时状态显示：气压。气温）

状态标签 (任务过程：安装、加载）

2.5列表标签
为input标记定义一个下拉列表 配合option

标记定义一个元素的详细内容 配合summary

2.6注释标签
标记定义注释或音标

标记定义对ruby的注释内容文本

告诉那些不支持ruby元素的浏览器如何去显示

2.7其他标签
标记定义有标记的文本 （黄色选中状态）

标记定义一些输出类型，计算表单结果，配合oninput事件

2.8重定义标签
内联文本 粗体

内联文本 斜体

可以同detail figure一同使用 ，定义包含文本（详细），dialog也可用

可以同detail figure一同使用，汇总细节（标题），dialog也可用

---

不仅表示水平线，还表示主题结束，显示效果相同 重新定义用户界面的菜单，配合command或menuitem使用

小字体，例如打印注释或者法律条款

表示重要性