<main id="main">
   <aside>
      <p>このmain要素内では私なりに理解したセクショニングコンテンツ要素を使い、メインコンテンツ内の段落や見出し、箇条書きなどのスタイル（見え方）を少し調整します。</p>
      <p>因みに、この部分は補足やコラムを想定してaside要素を使っています。</p>
   </aside>
   <hr>
   <article class="lines">
      <h3>最新情報</h3>
      <p>ここは、最新情報とか更新情報などの部分としてarticle要素を使っています。</p>      
   </article>
   <hr>
   <section class="lines">
      <h1>アウトラインと見出し要素（大見出し）h1要素を使用</h1>
    	<p><strong>明示的にアウトラインの生成</strong>、サイトタイトルで&lt;h1&gt;タグを使用しているため、main要素内では旧バージョンの&lt;h2&gt;相当のランクが一番高いランクになります。</p>
      <section>
         <h1>（中見出し）ここも1hタグを使っています</h1>
         <section>
            <h1>（小見出し）ここも1hタグを使っています</h1>
         </section>
      </section>
      <p><section>タグを適切に使えば全てh1タグを使ってもアウトラインは生成されますが、ランクが下がるにつれて<h2>,<h3>と記述することも可能です。</p>
   </section>
   <hr>

   <section class="lines">
      <h2>リスト・箇条書きのスタイル</h2>
      <p >マーク付きリスト<ul>、順序リスト<ol>、定義リストのスタイルを設定。</p>
      <section>
         <h3>マーク付きリスト</h3>
         <ul >
            <li >リストアイテム１</li>
            <li >リストアイテム２</li>
            <li >リストアイテム３</li>
         </ul>
         <h3>番号付きリスト</h3>
         <ol >
            <li >リストアイテム１</li>
            <li >リストアイテム２</li>
            <li >リストアイテム３</li>
         </ol>
         <h3>定義リスト</h3>
         <dl>
            <dt>定義項目１</dt>
            <dd>定義リスト１</dd>
            <dd>定義リスト２</dd>
            <dt>定義項目２</dt>
            <dt>定義項目３</dt>
            <dd>定義リスト３</dd>
         </dl>
      </section>
   </secton>