HTML5标签_和属性手册_第1页
HTML5标签_和属性手册_第2页
HTML5标签_和属性手册_第3页
HTML5标签_和属性手册_第4页
HTML5标签_和属性手册_第5页
已阅读5页，还剩16页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、HTML5 标签和属性 手册第一部分 按字母顺序分按字母顺序排列的标签列表标签描述4: 指在HTML 4.01 中定义了该元素 5: 指在HTML 5 中定义了该元素<!-.->定义注释4 5<!DOCTYPE>定义文档类型45<a>定义超链接45<abbr>定义缩写45<acronym>HTML 5 中不支持4<address>定义地址元素45<applet>定义 applet（HTML 5 中不支持）4<area>定义图像映射中的区域45<article>定义 article5<

2、;aside>定义页面内容之外的内容5<audio>定义声音内容5<b>定义粗体文本45<base>定义页面中所有链接的基准URL45<basefont>HTML 5 中不支持，请使用CSS 代替4<bdo>定义文本显示的方向45<big>定义大号文本（HTML 5 中不支持）4<blockquote>定义长的引用（定义块引用）45<body>定义 body 元素45<br>插入换行符45<button>定义按钮45<canvas>定义图形5<capt

3、ion>定义表格标题45<center>定义居中的文本（HTML 5 中不支持）4<cite>定义引用45<code>定义计算机代码文本45<col>定义表格列的属性45<colgroup>定义表格列的分组45<command>定义命令按钮5<datalist>定义下拉列表5<dd>定义定义的描述45<del>定义删除文本45<details>定义元素的细节5<dfn> 定义定义项目45<dir>定义目录列表（HTML 5 中不支持）4<d

4、iv> 定义文档中的一个部分45<dl>定义定义列表45<dt>定义定义的项目45<em> 定义强调文本45<embed> 定义外部交互内容或插件5<fieldset> 定义 fieldset45<figcaption> 定义 figure 元素的标题5<figure> 定义媒介内容的分组，以及它们的标题5<font> HTML 5 中不支持4<footer> 定义 section 或 page 的页脚5<form> 定义表单45<frame> 定义子窗口（

5、框架）（HTML 5 中不支持）4<frameset> 定义框架的集（HTML 5 中不支持）4<h1> to <h6> 定义标题1 到标题645<head> 定义关于文档的信息45<header> 定义 section 或 page 的页眉5<hgroup> 定义有关文档中的 section 的信息5<hgroup>定义有关文档中的 section 的信息45<html> 定义 html 文档45<i> 定义斜体文本45<iframe> 定义行内的子窗口（框架）45<

6、img> 定义图像45<input> 定义输入域45<ins>定义插入文本45<keygen> 定义生成密钥5<isindex> 定义单行的输入域（HTML 5 中不支持）4<kbd> 定义键盘文本45<label> 定义表单控件的标注45<legend> 定义 fieldset 中的标题45<li> 定义列表的项目45<link> 定义资源引用45<map> 定义图像映射45<mark> 定义有记号的文本45<menu> 定义菜单列表45<

7、;meta> 定义元信息45<meter> 定义预定义范围内的度量5<nav> 定义导航链接5<noframes> 定义 noframe 部分（HTML 5 中不支持）4<noscript> 定义 noscript 部分45<object> 定义嵌入对象45<ol> 定义有序列表45<optgroup> 定义选项组45<option> 定义下拉列表中的选项45<output> 定义输出的一些类型5<p>定义段落45<param> 为对象定义参数45<p

8、re> 定义预格式化文本45<progress>定义任何类型的任务的进度5<q> 定义短的引用45<rp>定义若浏览器不支持 ruby 元素显示的内容5<rt> 定义 ruby 注释的解释5<ruby> 定义 ruby 注释5<s> 定义加删除线的文本（HTML 5 中不支持）4<samp> 定义样本计算机代码45<script> 定义脚本45<section>定义 section45<select> 定义可选列表45<small> 定义小号文本45<

9、source> 定义媒介源45<span> 定义文档中的 section45<strike> 定义加删除线的文本（HTML 5 中不支持）4<strong>定义强调文本45<style> 定义样式定义45<sub> 定义下标文本45<summary>定义 details 元素的标题5<sup> 定义上标文本45<table>定义表格45<tbody> 定义表格的主体45<td> 定义表格单元45<textarea>定义 textarea45<tfoot

10、>定义表格的脚注45<th>定义表头45<thead> 定义表头45<time> 定义日期/时间5<title> 定义文档的标题45<tr> 定义表格行45<tt>定义打字机文本（HTML 5 中不支持）4<u>定义下划线文本（HTML 5 中不支持）4<ul> 定义无序列表45<var> 定义变量45<video> 定义视频5<xmp> 定义预格式文本（HTML 5 中不支持）4事件属性属性值描述45HTML 5 元素可拥有事件属性，这些属性在浏览器中触发

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

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

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

14、nloadscript当文档加载时执行脚本。45onmessagescript 当 message 事件触发时执行脚本。5onmousedownscript当鼠标按钮按下时执行脚本。45onmousemovescript当鼠标指针移动时执行脚本。45onmouseoverscript当鼠标指针移动到一个元素上时执行脚本。45onmouseoutscript当鼠标指针移出元素时执行脚本。45onmouseupscript当鼠标按钮松开时执行脚本。45onmousewheelscript 当鼠标滚轮滚动时执行脚本。5onresetscript 当表单重置时执行脚本。不支持。4onresizescr

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

16、acter设置访问一个元素的键盘快捷键。不支持。4classclass_rule orstyle_rule元素的类名。45contenteditabletrue false设置是否允许用户编辑元素。5contentextmenuid of a menu element给元素设置一个上下文菜单。5dirltr rtl设置文本方向。45draggabletrue false auto设置是否允许用户拖动元素。5idid_name元素的唯一 id。45irrelevanttrue false设置元素是否相关。不显示非相关的元素。5langlanguage_code设置语言码。45refurl or

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

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

19、要或留言POST等形式的记录（一般搭配内嵌头部、尾部、底部结构使用）hggroup类似子标题，标题信息、可选标题、TAG标签这样的数据，还是英文更好理解一些，heading of a sectionaddress联系信息，一般用在article或body锚元素周围footer页脚二、HTML 5元素标记汇总表文档类型宣告<!DOCTYPE html>根元素元素htmlMETA元素head、 title、base、link、meta、style部件元素body、section、nav、article、aside、h1、 h2、 h3、h4、 h5、 h6、hgroup、header、

20、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、tbod

21、y、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、sty

22、le、tabindex、titleHTML5元素事件句柄属性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、 onk

23、eypress、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、onvolu

24、mechange、onwaiting。四、HTML5元素标记释义标记类型意义介绍文件标记<html>根文件标记让浏览器知道这是HTML 文件META标记<head>开头提供文件整体信息<title>标题定义文件标题，显示于浏览器顶端<base>o基准标记可将相对URL转绝对及指定链接<link>o外部资源连接必须带rel属性描述<meta>o其它META数据不能被title, base, link, style, 和script元素描述的META数据<style>嵌入文档风格信息部件标记<body>

25、文档主体开始文档内容容器<section>代表通用文档或应用部件<nav>导航链接外部链接或文档内部链接<article>页面模块类似文章、摘要或留言POST等形式的记录<aside>孤立模块一般作为边栏广告、说明、引用、导航等，aside围堵部分一般与正文耦合较小<h1>标题标记此外还有h2, h3, h4, h5, h6<hgroup>群组标题用在一组h1-h6这样的元素集合时使用，用来区分主副标题？<header>组说明或组导航也可叫页头标题<footer>页脚标题作用范围跟最近部件元素有关&

26、lt;address>地址或联系信息分组内容标记<p>段落标记<hr>o水平分割线<br>o换行<pre>预格式化分本块<blockquote>块引用<ol>编号列表<ul>项目列表<li>列表项<dl>定义列表<dt>定义名称<dd>定义说明<figure>流内容区块说明多结合figcaption使用<figcaption>figure内容属性<div>定位标记无实际意义文本层次语义标记<a>链接标记<

27、em>强调标记<strong>加重标记<small>字体缩小<cite>斜体标记<q>引用标记内容原文是phrasing content，暂不清楚如何翻译<dfn>术语定义<abbr>缩略语<time>日期时间<code>程序代码<var>变量<samp>范例<kbd>键盘字<sub><sups>上标字/下标字<i>斜体标记<b>粗体标记<mark>标记或高亮<ruby>注解标记<

28、rt>ruby子元素结合ruby使用，比如:<ruby>天<rt>Tian</rt>缘<rt>Yuan</rt></ruby><rp>ruby子元素一般做rt元素注释使用<bdo><span>自定义标记编辑标记<ins><del>嵌入内容标记<img>图片标记<iframe>框架标记<embed>嵌入标记<object>对象标记<param>参数标记<video>视频标记<audi

29、o>音频标记<source>来源标记<canvas>制图标记<map>地图标记<area>区域标记表格标记<table>表格标记设定该表格的各项参数<caption>表格标题做成一打通列以填入表格标题<colgroup><col><tbody><thread><tfoot><tr>表格列设定该表格的列<td>表格栏设定该表格的栏<th>表格标头相等于<TD>，但其内文字字体会变粗表单标记<form>

30、表单标记决定该表单的运作模式<fieldset><legend><input>输入标记<label><button>按钮<select>选择标记<datalist><optgroup><option>选项<textarea><keygen><output><progress><meter>互动元素<details><summary><command><menu>其他标记<sc

31、ript><noscript>备注： 1、 表示该标记属于围堵标记，需要结束标记</标记>。2、o 表示该标记属空标记，不需要结束标记。五、html5中被废除的属性在HTML 4中使用的属性使用该属性的元素在HTML 5中的替代方案revlink、arelcharsetlink、a在被链接的资源的中使用HTTP Comem-type头元素shape、 coordsa使用area元素代替a元素longdescimg, iframe使用a元素链接到较长描述targetlink多余属性，被省略nohrefarea多余属性，被省略profilehead多余属性，被省略ve

32、rsionhtml多余属性，被畨略nameimgidschememeta只为某个表单域使用schemearchive、classid、codebase, codetype、declare, standbyobject使用data与type属性类调用插件。需要使用这些厲性 来设S参数时，使用param属性valuetype% typeparam使用name与value域性，不声明值的MIME类型axis、abbrtd、th使用以明确简洁的文字开头、后跟详述文字的形式。 可以对更洋细内容使用title属性，来使单元格的内容 变得简短scopetd在被链接的资源的中使用HTTP Content-ty

33、pe头元素aligncaption、input legend、div、 hi、 h2、 h3、 h4、 h5、 h6、 p使用CSS样式表替代alink、link、text, vlink、 background、bgcolorbody使用CSS样式表替代align、bgcolor、border、 cellpadding、cellspacing, frame、rules、widthtable使用CSS样式表替代align、char、charoff、height、 nowrap, valigntbody、 thead, tfoot使用CSS样式表替代align、bgcolor、char、charo

34、ff, height, nowrap、valign, widthtd、th使用CSS样式表替代align、bgcolor、char、charoff、 valigntr使用CSS样式表替代align、char、charoff、valign、 widthcol、colgroup使用CSS样式表替代align、border, hspace、vspaceobject使用CSS样式表替代clearbr使用CSS样式表替代compact, typeol、 ul、 li使用CSS样式表替代compactdl使用CSS样式表替代compactmenu使用CSS样式表替代widthpre使用CSS样式表替代al

35、ign、hspace, vspaceimg使用CSS样式表替代align、noshade、size、widthhr使用CSS样式表替代align、frameborder, scrolling、 marginheight、marginwidthiframe使用CSS样式表替代autosubmitmenu种类说明支持浏览器search与text文本框类似，伹是它用于搜索， 比如站点搜索或Google捜索在Safari4浏览器中其外观与text不 同，在其他浏览器中外观均与text相同tel与text文本框类似，但是专用于电话在各浏览器中外观与text相同url与tex文本框t类似，但是要求用户必 须在其中正确输入url格式的文字Opera 10email与text文本框类似，但是要求用户必 须在其中正确输入email格式的文字Opera 10datetim

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论