HTML5 新增标签和删除标签 HTML5 新增标签说明 : <article> 标签定义独立的内容实例 : <article> <a href=" 5 released</a><br /> 7 Jun Just after th

Size: px

Start display at page:

Download "HTML5 新增标签和删除标签 HTML5 新增标签说明 : <article> 标签定义独立的内容实例 : <article> <a href=" 5 released</a><br /> 7 Jun Just after th"

册闰仲
5 years ago
Views:

HTML5 新增标签和删除标签 HTML5 新增标签说明 : <article> 标签定义独立的内容 <article> <a href="http://www.apple.com">safari 5 released</a><br /> 7 Jun 2010.

1 HTML5 新增标签和删除标签 HTML5 新增标签说明 : <article> 标签定义独立的内容 <article> <a href=" 5 released</a><br /> 7 Jun Just after the announcement of the new iphone 4 at WWDC, Apple announced the release of Safari 5 for Windows and Mac... </article> <aside> 标签定义其所处内容之外的内容 <p>me and my family visited The Epcot center this summer.</p> <aside> <h4>epcot Center</h4> The Epcot Center is a theme park in Disney World, Florida. </aside> <audio> 标签定义声音, 比如音乐或其他音频流 <audio src="someaudio.wav"> 您的浏览器不支持 audio 标签

2 </audio> <bdi> 标签定义文本的文本方向, 使其脱离其周围文本的方向设置 <ul> <li>username <bdi>bill</bdi>:80 points</li> <li>username <bdi>steve</bdi>: 78 points</li> </ul> <canvas> 标签定义图形, 比如图表和其他图像 <canvas id="mycanvas"></canvas> <script type="text/javascript"> var canvas=document.getelementbyid('mycanvas'); var ctx=canvas.getcontext('2d'); ctx.fillstyle='#ff0000'; ctx.fillrect(0,0,80,100); </script> <command> 标签定义命令按钮, 比如单选按钮复选框或按钮 <menu> <command onclick="alert('hello World')"> Click Me!</command>

3 </menu> <datalist> 标签定义选项列表请与 input 元素配合使用该元素, 来定义 input 可能的值 <input id="mycar" list="cars" /> <datalist id="cars"> <option value="bmw"> <option value="ford"> <option value="volvo"> </datalist> <details> 标签用于描述文档或文档某个部分的细节 <details> <summary>copyright 2011.</summary> <p>all pages and graphics on this web site are the property of W3School.</p> </details> <embed> 标签定义嵌入的内容, 比如插件 <embed src="helloworld.swf" /> <figcaption> 标签定义 figure 元素的标题 (caption)

4 <figure> <figcaption> 黄浦江上的的卢浦大桥 </figcaption> <img src="shanghai_lupu_bridge.jpg" width="350" height="234" /> </figure> <figure> 标签规定独立的流内容 ( 图像图表照片代码等等 ) <figure> <p> 黄浦江上的的卢浦大桥 </p> <img src="shanghai_lupu_bridge.jpg" width="350" height="234" /> </figure> <footer> 标签定义 section 或 document 的页脚 <footer>this document was written in 2010</footer> <header> 标签定义文档的页眉 ( 介绍信息 ) <header> <h1>welcome to my homepage</h1> <p>my name is Donald Duck</p> </header>

5 <p>the rest of my home page...</p> <hgroup> 标签用于对网页或区段 (section) 的标题进行组合 <hgroup> <h1>welcome to my WWF</h1> <h2>for a living planet</h2> </hgroup> <p>the rest of the content...</p> <mark> 标签定义带有记号的文本请在需要突出显示文本时使用 <m> 标签 <p>do not forget to buy <mark>milk</mark> today.</p> <meter> 标签定义度量衡仅用于已知最大和最小值的度量 <meter min="0" max="20">5</meter> <meter>2 out of 10</meter> <meter>30%</meter> <nav> 标签定义导航链接的部分 <nav>

6 <a href="index.asp">home</a> <a href="html5_meter.asp">previous</a> <a href="html5_noscript.asp">next</a> </nav> <output> 标签定义不同类型的输出, 比如脚本的输出 <form action="form_action.asp" method="get" name="sumform"> <output name="sum"></output> </form> <progress> 标签定义运行中的进度 ( 进程 ) 对象的下载进度 : <progress> <span id="objprogress">85</span>% </progress> <rp> 标签在 ruby 注释中使用, 以定义不支持 ruby 元素的浏览器所显示的内容 <ruby> 漢 <rt><rp>(</rp> ㄏㄢ ˋ<rp>)</rp></rt>

7 </ruby> <rt> 标签定义字符 ( 中文注音或字符 ) 的解释或发音 <ruby> 漢 <rt> ㄏㄢ ˋ </rt> </ruby> <ruby> 标签定义 ruby 注释 ( 中文注音或字符 ) <ruby> 漢 <rt><rp>(</rp> ㄏㄢ ˋ<rp>)</rp></rt> </ruby> <section> 标签定义文档中的节 (section 区段 ) 比如章节页眉页脚或文档中的其他部分 <section> <h1>prc</h1> <p>the People's Republic of China was born in </p> </section> <source> 标签为媒介元素 ( 比如 <video> 和 <audio>) 定义媒介资源 <summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档

8 或文档片段的详细信息 <details> <summary>html 5</summary> This document teaches you everything you have to learn about HTML 5. </details> <time> 标签定义公历的时间 (24 小时制 ) 或日期, 时间和时区偏移是可选的 <p> 我们在每天早上 <time>9:00</time> 开始营业 </p> <p> 我在 <time datetime=" "> 情人节 </time> 有个约会 </p> <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道实例 <video width="320" height="240" controls="controls"> <source src="forrest_gump.mp4" type="video/mp4" /> <source src="forrest_gump.ogg" type="video/ogg" /> <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="chinese"> <track kind="subtitles" src="subs_eng.srt" srclang="en" label="english"> </video> <video> 标签定义视频, 比如电影片段或其他视频流

9 <video src="movie.ogg" controls="controls"> 您的浏览器不支持 video 标签 </video> <keygen> 标签规定用于表单的密钥对生成器字段它是 HTML 中的新元素, 但在 H5 中新增了属性 :autofocus challenge disabled form keytype name 删除标签说明 : <acronym> 标签定义首字母缩略词可使用 <abbr> 标签代替它 <applet> 标签定义嵌入的 applet 可使用 <object> 标签代替它 <basefont> 标签定义文档中所有文本的默认颜色大小和字体可用 CSS 代替 <big> 标签定义更大的文本请用 CSS 代替 <center> 标签对其包围的文本和内容进行水平居中处理请使用 CSS 代替 <dir> 标签定义目录列表请用 CSS 代替 <font> 标签定义文本的字体大小和颜色请用 CSS 代替它 <frame> 标签定义框架集中的子窗口 ( 框架 ) <frameset> 标签定义框架集它用于组织多个窗口 ( 框架由于对网页可用性的负面影响, 在 HTML 5 中 <frame> 和 <frameset> 标签没有得到支持 <isindex> 标签定义单行的输入域

10 <noframes> 标签向浏览器显示无法处理框架的提示文本 <s> 标签定义加删除线的文本, 使用 CSS 代替 <strike> 标签定义加删除线的文本, 请使用 CSS 代替 <tt> 标签定义打字机文本 <u> 标签定义下划线文本 <xmp> 定义预格式文本

XHTML width/height bdo a code href object charset codebase hreflang archive lang type alt dir name name xml:lang rel/rev align shape/coords hspace/vsp

XHTML CSS CSS CSS DOCTYPE Switch XHTML width/height bdo a code href object charset codebase hreflang archive lang type alt dir name name xml:lang rel/rev align shape/coords hspace/vspace big tabindex accesskey

HTML5 新增标签和删除标签 HTML5 新增标签说明 : <article> 标签定义独立的内容 实例 : <article> <a href=" 5 released</a><br /> 7 Jun Just after th

HTML5 新增标签和删除标签 HTML5 新增标签说明 : <article> 标签定义独立的内容实例 : <article> <a href=" 5 released</a><br /> 7 Jun Just after th