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 | 表示重要性而不是强调符号 |