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>