HTML5标签和属性列表

按字母顺序排列的标签列表标签描述4:指在HTML4.01中定义了该丿元素5:指在HTML5中定义了该元素定义注释45定义文档类型45定义超链接45定义缩写45HTML5中不支持4疋义地址兀素45定义applet（HTML5中不支持）4定义图像映射中的区域45定义article5定义页面内容之外的内容5定义声音内容5定义粗体文本45定义页面中所有链接的基准URL45HTML5中不支持，请使用CSS代替4定义文本显示的方向45定义大号文本（HTML5中不支持）4vblockquote定义长的引用（定义块引用）45疋义body兀素45插入换行符45定义按钮45定义图形5定义表格标题45定义居中的文本（HTML5中不支持）4定义引用45定义计算机代码文本45定义表格列的属性45定义表格列的分组45定义命令按钮5定义下拉列表5定义定义的描述45定义删除文本45定义元素的细节5定义定义项目45定义目录列表（HTML5中不支持）4定义文档中的一个部分45定义定义列表45定义定义的项目45定义强调文本45定义外部交互内容或插件5定义fieldset45疋义figure兀素的标题5定义媒介内容的分组，以及它们的标题5HTML5中不支持4定义section或page的页脚5定义表单45定义子窗口（框架）（HTML5中不支持）4定义框架的集（HTML5中不支持）4to定义标题1到标题645疋义关于文档的信息45定义section或page的页眉5定义有关文档中的section的信息5定义有关文档中的section的信息45定义html文档45定义斜体文本45定义行内的子窗口（框架）45定义图像45定义输入域45定义插入文本45定义生成密钥5定义单行的输入域（HTML5中不支持）4定义键盘文本45定义表单控件的标注45定义fieldset中的标题45定义列表的项目45定义资源引用45定义图像映射45定义有记号的文本45定义菜单列表45定义元信息45定义预定义范围内的度量5定义导航链接5noframes定义noframe部分（HTML5中不支持）4noscript定义noscript部分45定义嵌入对象45定义有序列表45定义选项组45定义下拉列表中的选项45疋义输出的一些类型5定义段落45为对象定义参数45定义预格式化文本45定义任何类型的任务的进度5定义短的引用45疋义右浏览器不支持ruby兀素显示的内容5定义ruby注释的解释5定义ruby注释5定义加删除线的文本（HTML5中不支持）4定义样本计算机代码45定义脚本45定义section45定义可选列表45定义小号文本45定义媒介源45定义文档中的section45定义加删除线的文本（HTML5中不支持）4定义强调文本45定义样式定义45定义下标文本45疋义details兀素的标题5定义上标文本45定义表格45定义表格的主体45定义表格单元45定义textarea45定义表格的脚注45定义表头45定义表头45定义日期/时间5定义文档的标题45定义表格行45定义打字机文本（HTML5中不支持）4定义下划线文本（HTML5中不支持）4定义无序列表45定义变量45定义视频5定义预格式文本（HTML5中不支持）4事件属性属性值描述45HTML5元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个HTML5兀素时启动一段JavaScript。下面列出的事件属性，可以把它们插入HTML标签来定义事件行为。HTML5中的新事件属性：onabort,onbeforeunload,oncontextmenu,ondrag,ondragend,ondragenter,ondragleave,ondragover,ondragstart,ondrop,onerror,onmessage,onmousewheel,onresize,onscroll,onunload。4:指在HTML4.01中定义了该元素5:指在HTML5中定义了该元素onabortscript发生abort事件时运行脚本。5onbeforeonloadscript在元素加载前运行脚本。5onblurscript当元素失去焦点时运行脚本。45onchangescript当元素改变时运行脚本。45onclickscript在鼠标点击时允许脚本。45oncontextmenuscript当菜单被触发时运行脚本。5ondblclickscript当鼠标双击时运行脚本。45ondragscript只要脚本在被拖动就允许脚本。5ondragendscript在拖动操作结束时运行脚本。5ondragenterscript当元素被拖动到一个合法的放置目标时，执行脚本。5ondragleavescript当元素离开合法的放置目标时。5ondragoveriscript只要兀素正在合法的放置目标上拖动时，就执行脚本。5ondragstartscript在拖动操作开始时执行脚本。5ondropscript当元素正在被拖动时执行脚本。5onerrorscript当元素加载的过程中出现错误时执行脚本。5onfocusscript当元素获得焦点时执行脚本。45onkeydownscript当按钮按下时执行脚本。45onkeypressscript当按键被按下时执行脚本。45onkeyupscript当按钮松开时执行脚本。45onloadscript当文档加载时执行脚本。45onmessageIiIscript当message事件触发时执行脚本。5onmousedownscript当鼠标按钮按下时执行脚本。45onmousemovernscript当鼠标指针移动时执行脚本。45onmouseoverscript当鼠标指针移动到一个元素上时执行脚本。45onmouseoutrnscript当鼠标指针移出元素时执行脚本。45onmouseupscript当鼠标按钮松开时执行脚本。45onmousewheeliscript当鼠标滚轮滚动时执行脚本。5onresetscript当表单重置时执行脚本。不支持。4onresizescript当元素调整大小时运行脚本。5onscrollscript当元素滚动条被滚动时执行脚本。5onselectscript当元素被选中时执行脚本。45onsubmitscript当表单提交时运行脚本。45onunloadscript当文档卸载时运行脚本。5HTML5不再支持的HTML4.01属性：onreset。标签属性属性值描述45HTML5标签拥有属性。在每个标签的参考页中可以找到相应的特殊属性。这里列岀的属性是通用于每个标签的核心属性和语言属性（有个别例外）。4:指在HTML4.01中定义了该元素5:指在HTML5中定义了该元素acceskeyacharacter设置访问一个元素的键盘快捷键。不支持。4classclass_ruleorstyle_rule元素的类名。45contenteditabletruefalse设置是否允许用户编辑元素。5contentextmenuidofamenuelement给元素设置一个上下文菜单。5dirltrrtl设置文本方向。45draggabletruefalseauto设置是否允许用户拖动元素。5idid_name元素的唯一id。45irrelevanttruefalse设置元素是否相关。不显示非相关的元素。5langIanguage_code设置语言码。45refurlorelementID引用另一个文档或本文档上另一个位置。仅在template属性设置时使用。5registrationmarkregistrationmark为元素设置拍照。可规定于任何rule元素的后代元素，除了nest兀素。5stylestyle_definition行内的样式定义。45tabindexnumber设置元素的tab顺序。45templateurlorelementID引用应该应用到该元素的另一个文档或本文档上另一个位置。5titletooltip_text显示在工具提示中的文本。45HTML5标签中的新属性有：contenteditable,contextmenu,draggable,irrelevant,ref,registrationmark,templateHTML5中不再支持的属性：accesskey第二部分:按功能分、主体结构header页面头部，页面中的一个内容区块或头部。不同与aside边栏（与article相关的辅助信息）HTML5兀素标记汇总表nav外部链接集合section表示页面内一个内容区块，章节或段落（章节，页眉，页脚或页面中其他部分。可与hi-h6（标题标签）结合使用article一块独立的内容。类似文章、页面中BLOG的正文部分。摘要或留言POST等形式的记录（一般搭配内嵌头部、尾部、底部结构使用）hggroup类似子标题，标题信息、可选标题、TAG标签这样的数据，还是英文更好理解一些，headingofasectionaddress联系信息，一般用在article或body锚兀素周围footer页脚文档类型宣告VDOCTYPEhtml根兀素兀素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、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、objectparam、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脚本元素scriptnoscript、HTML5元素通用属性和事件句柄ondrag、ondragend、ondragenter、ondragleave、ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、onerror*、onfocus*、onformchange、onforminput、oninput、oninvalid、onkeydown、onkeypress、onkeyup、onload*、HTML5元素通用属性表accesskey、class、contenteditable、contextmenu、dir、draggable、hidden、id、lang、spellcheck、style、tabindex、titleHTML5元素事件句柄属性onabort、onblur*、oncanplay、oncanplaythrough、onchange、onclick、oncontextmenu、ondblclick、onloadeddata、onloadedmetadata、onloadstart、onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、onpause、onplay、onplaying、onprogress、onratechange、onreadystatechange、onscroll、onseeked、onseeking、onselectonshow、onstalled、onsubmit、onsuspend、ontimeupdate、onvolumechange、onwaiting。四、HTML5元素标记释义标记类型意义介绍文件标记根文件标记让浏览器知道这是HTML文件META标记开头提供文件整体信息标题定义文件标题，显示于浏览器顶端o基准标记可将相对URL转绝对及指定链接o外部资源连接必须带rel属性描述o其它META数据不能被title,base,link,style,和script兀素描述的META数据嵌入文档风格信息部件标记文档主体开始文档内容容器代表通用文档或应用部件导航链接外部链接或文档内部链接页面模块类似文章、摘要或留言POST等形式的记录孤立模块一般作为边栏广告、说明、弓1用、导航等，aside围堵部分一般与正文耦合较小标题标记此外还有h2,h3,h4,h5,h6群组标题用在一组h1-h6这样的兀素集合时使用，用来区分主副标题？组说明或组导航也可叫页头标题页脚标题作用氾围跟取近部件兀素有关地址或联系信息分组内容标记段落标记o水平分割线o换行预格式化分本块块引用编号列表项目列表列表项定义列表定义名称定义说明流内容区块说明多结合figcaption使用vfigcaptionfigure内容属性定位标记无实际意义文本层次语义标记链接标记强调标记加重标记字体缩小斜体标记引用标记内容原文是phrasingcontent，暂不清楚如何翻译术语定义缩略语日期时间程序代码变量范例键盘字上标字/下标字斜体标记粗体标记标记或高亮注解标记ruby子兀素结合ruby使用，比如：天Tian缘Yuanruby子兀素一般做rt兀素注释使用自定义标记编辑标记嵌入内容标记图片标记框架标记嵌入标记对象标记参数标记视频标记音频标记来源标记制图标记地图标记区域标记表格标记表格标记设定该表格的各项参数表格标题做成一打通列以填入表格标题表格列设定该表格的列表格栏设定该表格的栏表格标头相等于TD，但其内文字字体会变粗表单标记表单标记决定该表单的运作模式输入标记按钮选择标记选项互动元素其他标记备注:1、表示该标记属于围堵标记，需要结束标记。2、o表示该标记属空标记，不需要结束标记。五、html5中被废除的属性在HTML4中使用的属性使用该属性的元素在HTML5中的替代方案revlink、arelcharsetlink、a在被链接的资源的中使用HTTPComem-type头兀素shape、coordsa使用area兀素代替a兀素longdescimg,iframe使用a元素链接到较长描述targetlink多余属性，被省略nohrefarea多余属性，被省略pro多余属性，被省略versionhtml多余属性，被畨略nameimgidschememeta只为某个表单域使用schemearchive、codetype、classid、codebase,declare,standbyobject使用data与type属性类调用插件。需要使用这些厲性来设S参数时，使用param属性valuetype%typeparam使用name与value域性，不声明值的MIME类型axis、abbrtd、th使用以明确简洁的文字开头、后跟详述文字的形式。可以对更洋细内容使用title属性，来使单元格的内容变得简短scopetd在被链接的资源的中使用HTTPContent-type头元素caption、inputlegend、alignaligndiv、hi、h2、h3、h4、使用CSS样式表替代h5、h6、palink、link、text,vlink、background、bgcolorbody使用CSS样式表替代align、bgcolor、border、cellpadding、cellspacing,frame、tablerules、width使用CSS样式表替代align、char、charoff、height、tbody、thead,tfootnowrap,valign使用CSS样式表替代align、bgcolor、char、charoff,height,nowrap、valign,widthtd、th使用CSS样式表替代align、bgcolor、char、charoff、tr使用valignCSS样式表替代align、char、charoff、valign、col、colgroup使用widthCSS样式表替代align、border,hspaceobject使用、vspaceCSS样式表替代clearbr使用CSS样式表替代ol、ul、li使用compact,typeCSS样式表替代dl使用compactCSS样式表替代使用compactmenuCSS样式表替代width使用preCSS样式表替代align、hspace,vspaceimg使用CSS样式表替代align、noshade、size、widthhr使用CSS样式表替代align、frameborder,scrolling、iframe使用marginheight、marginwidthCSS样式表替代autosubmitmenu种类说明支持浏览器search与text文本框类似，伹是它用于搜索，比如站点搜索或Google捜索在Safari4浏览器中其外观与text不同，在其他浏览器中外观均与text相同tel与text文本框类似，但是专用于电话在各浏览器中外观与text相同与tex文本框t类似，但是要求url用户必须在其中正确输入url格式的文字Opera10email与text文本框类似，但是要求用户必须在其中正确输入Opera10email格式的文字datetime、date、month、week、time、各种日期与时间输入文本框Opera10datetime-localnumber数值输入文本框。外观与text文本框相同，但不能输入数值Opera10以外的文字只允许输入一段范围内数值的文本框。具有min属性与max琪性，可以设定最小值与最人range，亠，Opera10值（默认为0与100）。在Opera浏览器中，用滑动条的方式进行值的指定颜色选择文本框。选择的值为color,、BlackBerry#000000”格式的文字（续）种类说明支持浏览器文件选择文本框。与HTML4filefile最大的不同是，可以通过指定multiple属性，一次选择多个所有最新版本的浏览器文件。value属性的值为用返号分割的一个或多个文件名。同时，通过把MIME类型指定给accept属性，可以限制选择文件的种类六CSS3选择器选择符类型表达式描述子串匹配的属性选择符EattA=val匹配具有att属性、且值以val开头的E元素子串匹配的属性选择符Eatt$=val匹配具有att属性、且值以val结尾的E元素子串匹配的属性选择符Eatt*=val匹配具有att属性、且值中含有val的E元素结构性伪类E:root匹配文档的根元素。在HTML中，根元素永远是HTML结构性伪类E:nth-child(n)匹配父元素中的第n个子元素E结构性伪类E:nth-last-child(n)匹配父元素中的倒数第n个结构子元素E结构性伪类E:nth-of-type(n)匹配同类型中的第n个同级兄弟元素E结构性伪类E:nth-last-of-type(n)匹配同类型中的倒数第n个同级兄弟元素E结构性伪类E:last-child匹配父元素中最后一个E元素结构性伪类E:first-of-type匹配同级兄弟元素中的第一个E元素结构性伪类E:only-child匹配属于父元素中唯一子元素的E结构性伪类E:only-of-type匹配属于同类型中唯一兄弟元素的E结构性伪类E:empty匹配没有任何子元素（包括text节点）的元素E目标伪类E:target匹配相关URL指向的E元素UI元素状态伪类E:enabled匹配所有用户界面（form表单）中处于可用状态的E元素UI元素状态伪类E:disabled匹配所有用户界面（form表单）中处于不可用状态的E元素UI元素状态伪类E:checked匹配所有用户界面（form表单）中处于选中状态的元素EUI元素状态伪类E:selection匹配E元素中被用户选中或处于高亮状态的部分否定伪类E:not(s)匹配所有不匹配简单选择符s的元素E通用兄弟元素选择器EF匹配E元素之后的F元素