HTML5标签-和属性手册

1、HTML5 标签和属性 手册第一部分 按字母顺序分按字母顺序排列的标签列表标签描述4: 指在HTML 4.01 中定义了该元素 5: 指在HTML 5 中定义了该元素定义注释4 5定义文档类型45定义超链接45定义缩写45HTML 5 中不支持4定义地址元素45定义 applet（HTML 5 中不支持）4定义图像映射中的区域45定义 article5定义页面内容之外的内容5定义声音内容5定义粗体文本45定义页面中所有链接的基准URL45HTML 5 中不支持，请使用CSS 代替4定义文本显示的方向45定义大号文本（HTML 5 中不支持）4定义长的引用（定义块引用）45定义 body 元素4

2、5插入换行符45定义按钮45定义图形5定义表格标题45定义居中的文本（HTML 5 中不支持）4定义引用45定义计算机代码文本45定义表格列的属性45定义表格列的分组45定义命令按钮5定义下拉列表5定义定义的描述45定义删除文本45定义元素的细节5 定义定义项目45定义目录列表（HTML 5 中不支持）4 定义文档中的一个部分45定义定义列表45定义定义的项目45 定义强调文本45 定义外部交互内容或插件5 定义 fieldset45 定义 figure 元素的标题5 定义媒介内容的分组，以及它们的标题5 HTML 5 中不支持4 定义 section 或 page 的页脚5 定义表单45 定

3、义子窗口（框架）（HTML 5 中不支持）4 定义框架的集（HTML 5 中不支持）4 to 定义标题1 到标题645 定义关于文档的信息45 定义 section 或 page 的页眉5 定义有关文档中的 section 的信息5定义有关文档中的 section 的信息45 定义 html 文档45 定义斜体文本45 定义行内的子窗口（框架）45 定义图像45 定义输入域45定义插入文本45 定义生成密钥5 定义单行的输入域（HTML 5 中不支持）4 定义键盘文本45 定义表单控件的标注45 定义 fieldset 中的标题45 定义列表的项目45 定义资源引用45 定义图像映射45 定义

4、有记号的文本45 定义菜单列表45 定义元信息45 定义预定义范围内的度量5 定义导航链接5 定义 noframe 部分（HTML 5 中不支持）4 定义 noscript 部分45 定义嵌入对象45 定义有序列表45 定义选项组45 定义下拉列表中的选项45 定义输出的一些类型5定义段落45 为对象定义参数45 定义预格式化文本45定义任何类型的任务的进度5 定义短的引用45定义若浏览器不支持 ruby 元素显示的内容5 定义 ruby 注释的解释5 定义 ruby 注释5 定义加删除线的文本（HTML 5 中不支持）4 定义样本计算机代码45 定义脚本45定义 section45 定义可选

5、列表45 定义小号文本45 定义媒介源45 定义文档中的 section45 定义加删除线的文本（HTML 5 中不支持）4定义强调文本45 定义样式定义45 定义下标文本45定义 details 元素的标题5 定义上标文本45定义表格45 定义表格的主体45 定义表格单元45定义 textarea45定义表格的脚注45定义表头45 定义表头45 定义日期/时间5 定义文档的标题45 定义表格行45定义打字机文本（HTML 5 中不支持）4定义下划线文本（HTML 5 中不支持）4 定义无序列表45 定义变量45 定义视频5 定义预格式文本（HTML 5 中不支持）4事件属性属性值描述45HT

6、ML 5 元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个HTML 5元素时启动一段 JavaScript。下面列出的事件属性，可以把它们插入 HTML 标签来定义事件行为。 HTML 5 中的新事件属性：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。4: 指在HT

7、ML 4.01 中定义了该元素 5: 指在HTML 5 中定义了该元素onabortscript 发生 abort 事件时运行脚本。5onbeforeonloadscript 在元素加载前运行脚本。5onblurscript 当元素失去焦点时运行脚本。45onchangescript当元素改变时运行脚本。45onclickscript在鼠标点击时允许脚本。45oncontextmenuscript 当菜单被触发时运行脚本。5ondblclickscript当鼠标双击时运行脚本。45ondragscript 只要脚本在被拖动就允许脚本。5ondragendscript 在拖动操作结束时运行脚本。

8、5ondragenterscript 当元素被拖动到一个合法的放置目标时，执行脚本。5ondragleavescript 当元素离开合法的放置目标时。5ondragoverscript 只要元素正在合法的放置目标上拖动时，就执行脚本。5ondragstartscript 在拖动操作开始时执行脚本。5ondropscript 当元素正在被拖动时执行脚本。5onerrorscript 当元素加载的过程中出现错误时执行脚本。5onfocusscript 当元素获得焦点时执行脚本。45onkeydownscript当按钮按下时执行脚本。45onkeypressscript当按键被按下时执行脚本。45o

9、nkeyupscript当按钮松开时执行脚本。45onloadscript当文档加载时执行脚本。45onmessagescript 当 message 事件触发时执行脚本。5onmousedownscript当鼠标按钮按下时执行脚本。45onmousemovescript当鼠标指针移动时执行脚本。45onmouseoverscript当鼠标指针移动到一个元素上时执行脚本。45onmouseoutscript当鼠标指针移出元素时执行脚本。45onmouseupscript当鼠标按钮松开时执行脚本。45onmousewheelscript 当鼠标滚轮滚动时执行脚本。5onresetscript 当

10、表单重置时执行脚本。不支持。4onresizescript 当元素调整大小时运行脚本。5onscrollscript 当元素滚动条被滚动时执行脚本。5onselectscript 当元素被选中时执行脚本。45onsubmitscript当表单提交时运行脚本。45onunloadscript当文档卸载时运行脚本。5HTML 5不再支持的 HTML 4.01 属性：onreset。标签属性 属性值描述45HTML 5标签拥有属性。在每个标签的参考页中可以找到相应的特殊属性。这里列出的属性是通用于每个标签的核心属性和语言属性（有个别例外）。4: 指在HTML 4.01 中定义了该元素 5: 指在HT

11、ML 5 中定义了该元素acceskeya character设置访问一个元素的键盘快捷键。不支持。4classclass_rule orstyle_rule元素的类名。45contenteditabletrue false设置是否允许用户编辑元素。5contentextmenuid of a menu element给元素设置一个上下文菜单。5dirltr rtl设置文本方向。45draggabletrue false auto设置是否允许用户拖动元素。5idid_name元素的唯一 id。45irrelevanttrue false设置元素是否相关。不显示非相关的元素。5langlangu

12、age_code设置语言码。45refurl or elementID引用另一个文档或本文档上另一个位置。仅在 template 属性设置时使用。5registrationmarkregistration mark为元素设置拍照。可规定于任何 元素的后代元素，除了 元素。5stylestyle_definition行内的样式定义。45tabindexnumber设置元素的 tab 顺序。45templateurl or elementID引用应该应用到该元素的另一个文档或本文档上另一个位置。5titletooltip_text 显示在工具提示中的文本。45HTML 5 标签中的新属性有：con

13、tenteditable, contextmenu, draggable, irrelevant, ref,registrationmark, template HTML 5 中不再支持的属性：accesskey第二部分 按功能分一、主体结构header页面头部，页面中的一个内容区块或头部。不同与aside边栏（与article相关的辅助信息）nav外部链接集合section表示页面内一个内容区块，章节或段落（章节，页眉，页脚或页面中其他部分。可与hi-h6(标题标签)结合使用article一块独立的内容。类似文章、页面中BLOG的正文部分。摘要或留言POST等形式的记录（一般搭配内嵌头部、尾

14、部、底部结构使用）hggroup类似子标题，标题信息、可选标题、TAG标签这样的数据，还是英文更好理解一些，heading of a sectionaddress联系信息，一般用在article或body锚元素周围footer页脚二、HTML 5元素标记汇总表文档类型宣告根元素元素htmlMETA元素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、

15、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、legen

16、d、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、titleHTML5元素事件句柄属性onabort、onblur*、

17、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、onloadedm

18、etadata、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元素标记释义标记类型意义介绍文件标记根文

19、件标记让浏览器知道这是HTML 文件META标记开头提供文件整体信息标题定义文件标题，显示于浏览器顶端o基准标记可将相对URL转绝对及指定链接o外部资源连接必须带rel属性描述o其它META数据不能被title, base, link, style, 和script元素描述的META数据嵌入文档风格信息部件标记文档主体开始文档内容容器代表通用文档或应用部件导航链接外部链接或文档内部链接页面模块类似文章、摘要或留言POST等形式的记录孤立模块一般作为边栏广告、说明、引用、导航等，aside围堵部分一般与正文耦合较小标题标记此外还有h2, h3, h4, h5, h6群组标题用在一组h1-h6这样

20、的元素集合时使用，用来区分主副标题？组说明或组导航也可叫页头标题页脚标题作用范围跟最近部件元素有关地址或联系信息分组内容标记段落标记o水平分割线o换行预格式化分本块块引用编号列表项目列表列表项定义列表定义名称定义说明流内容区块说明多结合figcaption使用figure内容属性定位标记无实际意义文本层次语义标记链接标记强调标记加重标记字体缩小斜体标记引用标记内容原文是phrasing content，暂不清楚如何翻译术语定义缩略语日期时间程序代码变量范例键盘字上标字/下标字斜体标记粗体标记标记或高亮注解标记ruby子元素结合ruby使用，比如:天Tian缘Yuanruby子元素一般做rt元素

21、注释使用自定义标记编辑标记嵌入内容标记图片标记框架标记嵌入标记对象标记参数标记视频标记音频标记来源标记制图标记地图标记区域标记表格标记表格标记设定该表格的各项参数表格标题做成一打通列以填入表格标题表格列设定该表格的列表格栏设定该表格的栏表格标头相等于，但其内文字字体会变粗表单标记表单标记决定该表单的运作模式输入标记按钮选择标记选项互动元素其他标记备注： 1、 表示该标记属于围堵标记，需要结束标记。2、o 表示该标记属空标记，不需要结束标记。五、html5中被废除的属性在HTML 4中使用的属性使用该属性的元素在HTML 5中的替代方案revlink、arelcharsetlink、a在被链接的

22、资源的中使用HTTP Comem-type头元素shape、 coordsa使用area元素代替a元素longdescimg, iframe使用a元素链接到较长描述targetlink多余属性，被省略nohrefarea多余属性，被省略profilehead多余属性，被省略versionhtml多余属性，被畨略nameimgidschememeta只为某个表单域使用schemearchive、classid、codebase, codetype、declare, standbyobject使用data与type属性类调用插件。需要使用这些厲性 来设S参数时，使用param属性valuetype

23、% typeparam使用name与value域性，不声明值的MIME类型axis、abbrtd、th使用以明确简洁的文字开头、后跟详述文字的形式。 可以对更洋细内容使用title属性，来使单元格的内容 变得简短scopetd在被链接的资源的中使用HTTP Content-type头元素aligncaption、input legend、div、 hi、 h2、 h3、 h4、 h5、 h6、 p使用CSS样式表替代alink、link、text, vlink、 background、bgcolorbody使用CSS样式表替代align、bgcolor、border、 cellpadding、

24、cellspacing, frame、rules、widthtable使用CSS样式表替代align、char、charoff、height、 nowrap, valigntbody、 thead, tfoot使用CSS样式表替代align、bgcolor、char、charoff, height, nowrap、valign, widthtd、th使用CSS样式表替代align、bgcolor、char、charoff、 valigntr使用CSS样式表替代align、char、charoff、valign、 widthcol、colgroup使用CSS样式表替代align、border,

25、hspace、vspaceobject使用CSS样式表替代clearbr使用CSS样式表替代compact, typeol、 ul、 li使用CSS样式表替代compactdl使用CSS样式表替代compactmenu使用CSS样式表替代widthpre使用CSS样式表替代align、hspace, vspaceimg使用CSS样式表替代align、noshade、size、widthhr使用CSS样式表替代align、frameborder, scrolling、 marginheight、marginwidthiframe使用CSS样式表替代autosubmitmenu种类说明支持浏览器s

26、earch与text文本框类似，伹是它用于搜索， 比如站点搜索或Google捜索在Safari4浏览器中其外观与text不 同，在其他浏览器中外观均与text相同tel与text文本框类似，但是专用于电话在各浏览器中外观与text相同url与tex文本框t类似，但是要求用户必 须在其中正确输入url格式的文字Opera 10email与text文本框类似，但是要求用户必 须在其中正确输入email格式的文字Opera 10datetime、date、month、 week、time、datetime-local各种日期与时间输入文本框Opera 10number数值输入文本框。外观与text文本框 相同，但不能输入数值以外的文字Opera 10range只允许输入一段范围内数值的文本框。 具有min属性与max琪性，可以设定最小 值与最人值（默认为0与100)。在Opera 浏览器中，用滑动条的方式进行值的指定Opera 10color颜色选择文本框。选择的值为“#” 格式的文字BlackBerry(续)种类说明支持浏