今回のテンプレートは以下を基準にマークアップしていきます。▽<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のマークアップに従って、送信画面、確認画面、完了画面をマークアップしています。ラジオボタン、チェックボックス、セレクトボックス等に関してもマークアップ済みです。

HTML5 & Bootstrapを使用したレスポンシブWebデザイン採用テンプレートです。Internet Explore8以上、最新のGoogle Chrome、Mozilla Firefoxに対応しています。画面サイズによって以下の部分が主に変わります。 2カラムの画面が1カラムになる ナビメニューがアコーディオンになる テーブルが縦のレイアウトになる（Internet Explore9以下未対応） 画像サイズが自動で縮小されるまたHTML5、CSS３を使用しているためInternet Explore9以下では一部再現されないデザインがあります。Internet Explore9以下でのデザイン再現は情報欠損がない程度としています。Internet Explore7以下では、非対応である旨を記載するメッセージを表示できないかと考えています。