DayDayUP之HTML5学习笔记 三 article、hgroup、figure、figcaption、dialog标签简单应用

1，使用 article标签显示文章

示例代码：

<article>

<h2>念奴娇-赤壁怀古</h2>

<p>

大江东去，浪淘尽，千古风流人物。 <br />

故垒西边，人道是，三国周郎赤壁。 <br />

乱石穿空，惊涛拍岸，卷起千堆雪。 <br />

江山如画，一时多少豪杰。 <br />

遥想公瑾当年，小乔初嫁了，雄姿英发。 <br />

羽扇纶巾，谈笑间，樯橹灰飞烟灭。 <br />

故国神游，多情应笑我，早生华发。 <br />

人生如梦，一樽还酹江月。 <br />

</P>

</article>

2，使用hgroup标签显示标题组

<hgroup>

<h3>这是一个列表</h3>

<h3>这是一个列表</h3>

<h3>这是一个列表</h3>

<h3>这是一个列表</h3>

<h3>这是一个列表</h3>

</hgroup>

3，使用figure和figcaption显示内容和标题

<figure>

<figcaption>珠穆朗玛峰简介</figcaption>

<p>珠穆朗玛峰（Qomolangma）简称珠峰，又意译作圣母峰，尼泊尔称为萨加马塔峰，

也叫“埃非勒斯峰”（Everest），<br />

藏语的“珠穆朗玛”意为“第三女神”。该峰位于中华人民共和国和尼泊尔交界的喜马拉雅山脉之上， 终年积雪。 <br />

</p>

</figure>

4，使用dialog标签显示对话内容

<dialog>

<dt>我问:?????????????????????</dt>

<dd>你说:!!!!!!!!!!!!!!!!!!!!!</dd>

<dt>我问?????????????????????</dt>

<dd>你说:!!!!!!!!!!!!!!!!!!!!!</dd>

</dialog>