下図のようなセクションになることを想定しています。<div id="main_module">内の<article>～</article>に関しては、記事性の薄いものは<section>～</section>を使用したいと考えています。またサイドバーは<aside>～</aside>と<section>～</section>を使い分け、記事内容に関連が薄いものは<section>～</section>に格納することを想定しています。

今回のテンプレートは以下を基準にマークアップしていきます。▽<header>、<nav>、<footer>について既存の区分けに従ってマークアップします。▽<article>について記事内容部分には<article>を適用します。<article>は<section>よりも記事性の強い要素に当てはめられます。単体で存在しても意味のあるセクションをマークアップするのに使います。▽<aside>について<aside>はページ内の補足情報として使用されます。サイドバーに当たる部分に適用します。広告などを貼り付ける際、<aside>内に入れるのは好ましくありません。sub_module5にはasideを付け、sub_module7には付けていません。ページに関連性のあるモジ...

記事モジュール内でWebフォントを使用すると、再編集した際に空の<span><i>が削除されるため消えてしまいます。

ページャーを使用すると<p class="page_links"> </p>が勝手に挿入されますが今回のマークアップでは<div class="page_links"> </p>を使用するので挿入されないようにする必要性があります。

お問い合わせフォーム周りを整備しました。Bootstrapのマークアップに従って、送信画面、確認画面、完了画面をマークアップしています。ラジオボタン、チェックボックス、セレクトボックス等に関してもマークアップ済みです。