html5新增特点与技能总结

article

-- 解说
article标签装载显现一个独立的文章内容。例如一篇完好的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户谈论等等 artilce可以嵌套,则内层的artilce对外层的article标签有从属的联络。例如,一个博客文章,可以用article显现,然后一 些谈论可以以article的方法嵌入其间。

-- 示列
<article>
<h1>文章标题</h1>
这是一篇文章
   <article>谈论1...</article>
    <article>谈论2...</article>
</article>

section

-- 解说
section 标签界说文档中的节(section、区段)。比方章节、页眉、页脚或文档中的其他部分。

-- 示列
<body>
<section>
   <h1>章节一</h1>
    <p>具体内容...</p>
</section>
<section>
   <h1>章节二</h1>
    <p>具体内容...</p>
</section>
</body>

aside

-- 解说
aside 用来装载非正文类的内容。例如广告,成组的链接,侧边栏等等。

-- 示列
<body>
<aside>
抢手文章
</aside>
<aside>
广告
</aside>
<article>
<h1>文章标题</h1>
这是一篇文章
   <article>谈论1...</article>
    <article>谈论2...</article>
</article>
</body>

hgroup

-- 解说
hgroup 标签用于对网页或区段的标题元素(h1-h6)进行组合。例如,在一个区段中你有接连的h系列的标签元素,则可以用hgroup将他们括起来。

-- 示列
<hgroup>
<h1>The reality dysfunction</h1>
<h2>Space is not the only void</h2>
</hgroup> <hgroup>
<h1>Dr. Strangelove</h1>
<h2>Or: How I Learned to Stop Worrying and Love the Bomb</h2>
</hgroup>

time

-- 解说
time 标签界说公历的时刻(24 小时制)或日期,时刻和时区偏移是可选的。该元素可以以机器可读的方法对日期和时刻进行编码,这样, 举例说,用户署理可以把生日提示或排定的事情添加到用户日程表中,查找引擎也可以生成更智能的查找成果。

-- 示列
<p>咱们在每天早上 <time>9:00</time> 开端经营。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>

mark

-- 解说
mark 标签界说带有记号的文本。请在需求杰出显现文本时运用 <mark> 标签。

-- 示列
<p>Do not forget to buy <mark>milk</mark> today.</p>

figure

-- 解说
figure标签规则独立的流内容(图画、图表、相片、代码等等)。figure 元素的内容应该与主内容相关,但假如被删去,则不应对文档流产生影响。

-- 示列
<p>黄浦江上的的卢浦大桥</p> <img src="shanghai_lupu_bridge.jpg" width="350" height="234" /> </figure>

figcaption

-- 解说
figcaption 标签界说 figure 元素的标题(caption)。"figcaption" 元素应该被置于 "figure" 元素的第一个或最终一个子元素的方位。

-- 示列
<figure> <figcaption>黄浦江上的的卢浦大桥</figcaption> <img src="shanghai_lupu_bridge.jpg" width="350" height="234" /> </figure>

contextmenu+menu

-- 解说
contextmenu 添加到体系右键菜单 [形似这个功用只要firefox支撑,很悲催的]

-- 示列
<div>添加到体系右键菜单< contextmenu=mymenu /div> <menu type="context" id="mymenu" />

右击我试试