HTML5 review

标签：

section：适用于独立结构内容，无结构关系(例如article，aside与其他标签可以组合形成具有特定结构关系的标签结构）。须具有标题（待考证）.

menu&nav:menu用于应用程序的菜单，而nav用于导航，体现在语义意义上。

aside：附属信息，例如：引用，侧边栏，广告等等，区别于父元素主体内容的意义迥异的内容。

time：pubdate：布尔类型，用于指明多个time标签中哪个time用于表示发布时间。

header：表示某个内容块的标题（可以为复合标题，例如包括搜索表单，logo图片等）

footer：父元素的脚注（作者，版权信息等）

hgroup：标签组合

pubdate：布尔类型

HTML5及之前版本标签用法及语义学习：

根标签：

html：根元素，代表HTML文档的根节点。所有其它元素都是它的子节点。

元标签（包含一些文本自身的信息）:

head：其中规定文档的标题，脚本样式的链接。

title：文档的标题。

base：定义相对URL的基准。

link：链接外部样式表到html文档

meta：定义其它元标签无法描述的元信息。（知识点小技巧较多，以后展开学习）

stlye：内联样式表。

脚本相关：

script：链接外部脚本

noscript：禁止脚本运行时显示的替代内容

template（模板）：允许包含加载页面时不渲染，之后通过JS实例化的内容。存储在页面中通过JS来操作的内容。（未使用过）

章节：

body：表示文档的内容

section：表示一个区域（无结构信息，例如表示导航，侧边栏，正文等），在文档中框架中充当一定作用，而非一般容器div。一般包含一个heading。

nav：导航

article:相对独立的内容部分

aside：侧边栏

hN：文旦标题，描述部分内容的主题

header：页面或部分内容头部，经常包含logo，标题，导航目录

footer：页面或部分内容尾部，经常包含法律信息、版权、反馈信息等。

address：为最近的article标签提供联系信息（作者信息），或者为body提供联系信息。不能 用于其他用途。

main：定义文档主要的唯一内容。

组织内容：

p：段落

hr：章节、文章中段落之间的分隔符。

pre：已排版内容，提示浏览器保留内容原始格式。

blockquote：引用其他的内容。

ol：有序列表

ul：无序列表

li：列表项

dl（defined list）：定义列表

dt（defined term）：定义的名称。

dd（defined description）：定义的描述。

figure：与文档有关的图例及其说明，可不包含figcaption，表示没有说明。

figcaption：对figure中的图的描述文字

div：：通用容器，用于样式描述的需求将标签进行分组。

文字形式：

a：超链接

em：强调，文字以斜体形式出现。

strong：重点，文字以粗体形式出现，体现内容在上下文中的重要性。

small：注释，用于法律申明等，文字以比正常文字小的字号出现。

s：不准确或不相关的内容，内容呈现文本删除线或一条线穿过。

cite：作品的引用，缩写或者名称。

q：内联形式的简短引用。

dfn：定义

abbr：缩写，完整内容出现在其title属性中

data：机器可读形式的内容

time：表示日期和时间，其机器可读形式通过datetime形式表示

code：代码

var：代码变量

samp：程序输出

kdd：用户（键盘）输入，在浏览器中以等宽字体的内联元素显示。

sub：下标

sup：上标

i：某种原因区别于普通文本的文本，以斜体显示。

b：仅表示与普通文本有字体上的区别，无语义，表关键字等，以加粗形式显示。

u：文字以下划线形式表示，如标记拼写错误文字。

mark：表示内容在上下文中的关联。区别于strong。

ruby：被ruby注释标记的文字

rt：ruby注释

rp：代表 ruby 注释两边的 额外插入文本 ，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。

bdi：不同于父元素文本方向的文字

bdo：指定子元素文本方向。

span：没有特殊含义的文本，语义元素不合适时使用该元素

br：换行

wbr：建议换行

编辑：

ins：增加到文档中的内容

del：从正文中移出的内容。

嵌入内容

img：图片

iframe：框架

embed：应用程序

object：

param：object指定的插件的参数

video：视频，提供用户界面

audio：音频

source：指定video或audio的媒体源

track：指定video或audio的字幕或歌词

canvas：位图区域

map，area：共同定义图像映射区域

svg：外链矢量图

math：数学公式

表格

table：表

caption：表的标题

colgroup：列组

col：列

tbody：表格主体

thead：表头

tfoot：表尾

tr：行

td：表的正文单元格

th：头部单元格

表单：

form：表单包含多个控件

fieldset：控件组

legend：fieldset的标题

label：表单控件的标题

input：文本框、单选框等控件，通过type选择

button：按钮

select：下拉框

datalist：包含一组option，表示可选项

optgroup：select中创建多个分组的选项

textarea：多行文本框

keygen：秘钥对生成器控件

output：计算结果，输出

progress：进度条

meter：滑动块

交互元素（待学习）

details

summary

menuitem

menu