天天看点

HTML5新增标签与重定义标签以及属性变化

HTML5的DOCTYPE声明只需要简单的一行

<!DOCTYPE html>

,因为HTML5不基于SGML,所以不需要引用DTD(DTD可定义合法的XML文档构建模块,它使用一系列合法的元素来定义文档的结构)。

结构标签

标签名 描述
article 标记定义一篇文章
header 标记定义一个页面或者一个区域的头部
nav 标记定义导航链接
section 标记定义一个区域
aside 标记定义页面部分内容的侧边栏
hgroup 标记定义文件中一个区块的相关信息
figure 标记定义一组媒体内容以及它们的标题
figcaption 标记定义figure元素的标题
footer 标记定义一个页面或一个区域的底部
dialog 标记定义一个对话框(会话框)类似微信

多媒体标签

标签名 描述
video 标记定义一个视频
audio 标记定义一个音频
source 标记定义媒体资源
canvas 标记定义图片
embed 标记定义外部的可交互的内容或插件,比如flash

Web应用标签

标签名 描述
meter 状态标签(实时状态显示:气压、气温)C、O
progress 状态标签(任务过程:安装、加载)C、F、O
datalist 为input标签定义一个下拉列表,配合option F、O
details 标签定义一个元素的详细内容,配合summary C
menu 命令列表
menuitem menu命令列表
command menu标记定义一个命令按钮

其他标签

标签名 描述
ruby 标记定义注释或者音标
rp 告诉那些不支持ruby元素的浏览器如何去显示
rt 标记定义对ruby的注释内容文本
mark 标记定义有标记的文本(黄色选中状态)
output 标记定义一些输出类型,计算表单结构配合oninput事件
keygen 标记定义表单里一个生成的键值(加密信息传送)
time 标记定义一个日期/时间

重定义标签

标签名 描述
b 代表内联文本,通常是粗体,没有传递表示重要的信息
i 代表内联文本,通常是斜体,没有传递表示重要的信息
dd 可以同details和figure一同使用,定义包含文本,dialog也可用
dt 可以details与figure一同使用,汇总细节,dialog也可用
hr 不仅表示水平线,还表示主题结束,显示效果相同
menu 重新定义用户界面的菜单,配合command或者menuitem使用
small 表示小字体,例如打印注释或者法律条款
strong 表示重要性而不是强调符号

继续阅读