重温html5的新增的标签和废除的标签HTML5已经盛行有段时间了，对于标签的使用，按照规范，哪些该用，哪些不该用，你是否都掌握了呢。今天我在这里详细列举下：新增的结构标签section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、h2……等元素结合起来使用，表示文档结构。例：HTML5中<section>……</section>；HTML4中<div>……</div>。元素表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素表示元素内容之外的、与元素内容相关的辅助信息。header元素表示页面中一个内容区块或真个页面的标题。hgroup元素表示对真个页面或页面中的一个内容区块的标题进行组合。footer元素表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。nav元素表示页面中导航链接的部分。figure元素表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。例如：1.<figure>2.<figcaption>PRC</figcaption>3.<p>ThePeople''sRepublicofChinawasbornin1949</p>4.</figure>1.<dl>2.<h1>prc</h1>3.<p>ThePeople''sRepublicofChinawasbornin1949</p>4.</dl>新增的其他元素video元素定义视频。像电影片段或其他视频流。例：<videosrc="movie.ogg"controls="controls">video元素</video>，HTML4中写法：1.<objecttype="video/ogg"data="move.ogv">2.<paramname="src"value="movie.ogv">3.</object>audio元素定义音频。如音乐或其他音频流。例：<audiosrc="someaudio.wav">audio元素</audio>html4中写法：1.<objecttyle="application/ogg"data="someaudio.wav">2.<paramname="src"value="someaudio.wav">3.</object>embed元素用来嵌入内容(包括各种媒体)。格式可以是Midi、Wav、AIFF、AU、MP3,flash等。例：<embedsrc="flash.swf"/>HTML4中代码示例<objectdata="flash.swf"type="application/x-shockwave-flash"><object>mark元素主要用来在视觉上向用户呈现哪些需要突出显示或高亮显示的文字。典型应用搜索结果中高亮显示搜素关键字。HTML5<mark></mark>;HTML4<span></span>。progress元素表示运行中的进程，可以使用progress元素显示JavaScript中耗时时间函数的进程。等待中……、请稍后等。<progress></progress>。time元素表示日期或时间，也可以两者同时。ruby元素定义ruby注释（中文注音或字符）。与<ruby>以及<rt>标签一同使用。ruby元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的rt元素组成，还包括可选的rp元素，定义当浏览器不支持"ruby"元素时显示的内容。<ruby>漢<rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>rt元素定义字符（中文注音或字符）的解释或发音。rp元素在ruby注释中使用，以定义不支持ruby元素的浏览器所显示的内容。wbr元素表示软换行。与br元素的区别：br元素表示此处必须换行；wbr表示浏览器窗口或父级元素足弓宽时（没必要换行时），不换行，而宽度不够时主动在此处换行。canvas元素定义图形，比如图表和其他图像。<canvas>元素只是图形容器（画布），必须使用脚本来绘制图形。1.<canvasid="myCanvas"></canvas><scripttype="text/javascript">2.varcanvas=document.getElementById(''myCanvas'');3.varctx=canvas.getContext(''2d'');4.ctx.fillStyle=''#FF0000'';5.ctx.fillRect(0,0,80,100);6.</script>command元素貌似没什么效果。是不是支持有问题表示命令按钮，比如单选按钮、复选框或按钮。只有当command元素位于menu元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。1.<menu>2.<commandonclick="alert(''HelloWorld'')">3.ClickMe!</command>4.</menu>details标签目前只有Chrome支持details标签用于描述文档或文档某个部分的细节。可与summary标签配合使用，summary可以为details定义标题。标题是可见的，用户点击标题时，会显示出details。summary应该是details的第一个子元素。datalist标签定义选项列表。请与input元素配合使用该元素，来定义input可能的值。data...