H5标签分类
一、主体结构
| header |
页面头部，不同与<head></head> |
| aside |
边栏 |
| nav |
外部链接集合 |
| section |
章节或段落 |
| article |
类似文章、摘要或留言POST等形式的记录（一般搭配内嵌头部、尾部、底部结构使用） |
| hggroup |
类似子标题，标题信息、可选标题、TAG标签这样的数据，还是英文更好理解一些，heading of a section |
| address |
联系信息，一般用在article或body锚元素周围 |
| footer |
页脚 |
二、HTML 5元素标记汇总表
| 文档类型宣告 |
<!DOCTYPE html> |
| 根元素元素 |
html |
| META元素 |
head、 title、base、link、meta、style |
| 部件元素 |
body、section、nav、article、aside、h1、 h2、 h3、h4、 h5、 h6、hgroup、header、footer、address |
| 分组内容元素 |
p、hr、br、pre、blockquote、ol、ul、li、dl、dt、dd、figure、figcaption、div |
| 文本层次语义元素 |
a、em、strong、small、cite、q、dfn、abbr、time、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span |
| 编辑元素 |
ins、del |
| 嵌入内容元素 |
img、iframe、embed、object、param、video、audio、source、canvas、map、area |
| 表格元素 |
table、caption、colgroup、col、tbody、thread、tfoot、tr、td、th |
| 表单元素 |
form、fieldset、legend、label、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter |
| 互动元素 |
details、summary、command、menu |
| 脚本元素 |
script、noscript |
三、HTML 5元素通用属性和事件句柄
| HTML5元素通用属性表 |
accesskey、class、contenteditable、contextmenu、dir、 draggable、hidden、id、lang、spellcheck、style、tabindex、title |
| HTML5元素事件句柄属性 |
onabort、onblur*、oncanplay、oncanplaythrough、onchange、 onclick、 oncontextmenu、ondblclick、ondrag、ondragend、ondragenter、ondragleave、 ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、 onerror*、onfocus*、onformchange、onforminput、oninput、oninvalid、onkeydown、 onkeypress、onkeyup、onload*、onloadeddata、onloadedmetadata、onloadstart、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、 onpause、onplay、onplaying、onprogress、onratechange、onreadystatechange、 onscroll、onseeked、onseeking、onselect、onshow、onstalled、onsubmit、 onsuspend、ontimeupdate、onvolumechange、onwaiting。 |
四、HTML5元素标记释义
| 标记 |
类型 |
意义 |
介绍 |
| 文件标记 |
| <html> |
● |
根文件标记 |
让浏览器知道这是HTML 文件 |
| META标记 |
| <head> |
● |
开头 |
提供文件整体信息 |
| <title> |
● |
标题 |
定义文件标题，显示于浏览器顶端 |
| <base> |
o |
基准标记 |
可将相对URL转绝对及指定链接 |
| <link> |
o |
外部资源连接 |
必须带rel属性描述 |
| <meta> |
o |
其它META数据 |
不能被title, base, link, style, 和script元素描述的META数据 |
| <style> |
● |
嵌入文档风格信息 |
|
| 部件标记 |
| <body> |
● |
文档主体开始 |
文档内容容器 |
| <section> |
● |
代表通用文档或应用部件 |
|
| <nav> |
● |
导航链接 |
外部链接或文档内部链接 |
| <article> |
● |
页面模块 |
类似文章、摘要或留言POST等形式的记录 |
| <aside> |
● |
孤立模块 |
一般作为边栏广告、说明、引用、导航等，aside围堵部分一般与正文耦合较小 |
| <h1> |
● |
标题标记 |
此外还有h2, h3, h4, h5, h6 |
| <hgroup> |
● |
群组标题 |
用在一组h1-h6这样的元素集合时使用，用来区分主副标题？？ |
| <header> |
● |
组说明或组导航 |
也可叫页头标题 |
| <footer> |
● |
页脚标题 |
作用范围跟最近部件元素有关 |
| <address> |
● |
地址或联系信息 |
|
| 分组内容标记 |
|
|
|
| <p> |
● |
段落标记 |
|
| <hr> |
o |
水平分割线 |
|
| <br> |
o |
换行 |
|
| <pre> |
● |
预格式化分本块 |
|
| <blockquote> |
● |
块引用 |
|
| <ol> |
● |
编号列表 |
|
| <ul> |
● |
项目列表 |
|
| <li> |
● |
列表项 |
|
| <dl> |
● |
定义列表 |
|
| <dt> |
● |
定义名称 |
|
| <dd> |
● |
定义说明 |
|
| <figure> |
● |
流内容区块说明 |
多结合figcaption使用 |
| <figcaption> |
● |
figure内容属性 |
|
| <div> |
● |
定位标记 |
无实际意义 |
| |
|
|
|
| 文本层次语义标记 |
| <a> |
● |
链接标记 |
|
| <em> |
● |
强调标记 |
|
| <strong> |
● |
加重标记 |
|
| <small> |
● |
字体缩小 |
|
| <cite> |
● |
斜体标记 |
|
| <q> |
● |
引用标记内容 |
原文是phrasing content，暂不清楚如何翻译 |
| <dfn> |
● |
术语定义 |
|
| <abbr> |
● |
缩略语 |
|
| <time> |
● |
日期时间 |
|
| <code> |
● |
程序代码 |
|
| <var> |
● |
变量 |
|
| <samp> |
● |
范例 |
|
| <kbd> |
● |
键盘字 |
|
| <sub><sups> |
● |
上标字/下标字 |
|
| <i> |
● |
斜体标记 |
|
| <b> |
● |
粗体标记 |
|
| <mark> |
● |
标记或高亮 |
|
| <ruby> |
● |
注解标记 |
|
| <rt> |
● |
ruby子元素 |
结合ruby使用，比如:<ruby>天<rt>Tian</rt>缘<rt>Yuan</rt></ruby> |
| <rp> |
● |
ruby子元素 |
一般做rt元素注释使用 |
| <bdo> |
● |
|
|
| <span> |
● |
自定义标记 |
|
| 编辑标记 |
| <ins> |
● |
|
|
| <del> |
● |
|
|
| 嵌入内容标记 |
| <img> |
● |
图片标记 |
|
| <iframe> |
● |
框架标记 |
|
| <embed> |
● |
嵌入标记 |
|
| <object> |
● |
对象标记 |
|
| <param> |
● |
参数标记 |
|
| <video> |
● |
视频标记 |
|
| <audio> |
● |
音频标记 |
|
| <source> |
● |
来源标记 |
|
| <canvas> |
● |
制图标记 |
|
| <map> |
● |
地图标记 |
|
| <area> |
● |
区域标记 |
|
| |
|
|
|
| 表格标记 |
| <table> |
● |
表格标记 |
设定该表格的各项参数 |
| <caption> |
● |
表格标题 |
做成一打通列以填入表格标题 |
| <colgroup> |
● |
|
|
| <col> |
● |
|
|
| <tbody> |
● |
|
|
| <thread> |
● |
|
|
| <tfoot> |
● |
|
|
| <tr> |
● |
表格列 |
设定该表格的列 |
| <td> |
● |
表格栏 |
设定该表格的栏 |
| <th> |
● |
表格标头 |
相等于<TD>，但其内文字字体会变粗 |
| 表单标记 |
| <form> |
● |
表单标记 |
决定该表单的运作模式 |
| <fieldset> |
● |
|
|
| <legend> |
● |
|
|
| <input> |
● |
输入标记 |
|
| <label> |
● |
|
|
| <button> |
● |
按钮 |
|
| <select> |
● |
选择标记 |
|
| <datalist> |
● |
|
|
| <optgroup> |
● |
|
|
| <option> |
● |
选项 |
|
| <textarea> |
● |
|
|
| <keygen> |
● |
|
|
| <output> |
● |
|
|
| <progress> |
● |
|
|
| <meter> |
● |
|
|
| |
|
|
|
|
互动元素
|
| <details> |
● |
|
|
| <summary> |
● |
|
|
| <command> |
● |
|
|
| <menu> |
● |
|
|
| 其他标记 |
| <script> |
● |
|
|
| <noscript> |
● |
|
|
文章来自：http://www.cnblogs.com/huawy/p/5769924.html