2010年6月29日
MovableType 4.2 2Column HTML5の解説（ブログ記事の概要）
Posted by @Style : 
01:10
| 
コメント (0)
| 
トラックバック (0)
恒例、「MovableType 4.2 無料テンプレート 2Column HTML5」の簡単な解説です。
ブログ記事の概要
「HTML5のセクショニングをどうするか」が一番悩んだ。
「ブログ記事の概要」全体をarticle要素でマークアップ。＊それぞれの「ブログ記事の概要」は初回の解説のようにol要素でリスト化している。
ブログ記事のタイトルと各メタデータはheader要素。さらにsection要素で区切り、エントリータグ。「続きを読む」をfooter要素でマークアップ。
<article>
<header>
<h2>ブログ記事のタイトル</h2>
<ul>
<li>メタデータ</li>
</ul>
</header>
ブログ記事の本文
<section>
<h3>タグ:</h3>
<ul>
<li>タグ</li>
</ul>
</section>
<footer>
続きを読む
</footer>
</article>「ブログ記事」テンプレートは「トラックバック」「コメント」「コメントフォーム」があるのでさらに複雑になる。次回解説の予定。
前のエントリー：MovableType 4.2 2Column HTML5の解説（ブログ記事のメタデータ）
次のエントリー：MovableType 4.2 2Column HTML5の解説（幅の調整）
関連記事
- Movable Type 無料テーマ（テンプレート）のアップデートを行ないました。
- MT DDC Tokyo テーマ編へ行ってきました
- HTML5のMovable Type 5テーマ完成しました
- HTML5のMovable Type 5テーマ作成中（その3）
- HTML5のMovable Type 5テーマ作成中（その2）
- HTML5のMovable Type 5テーマ作成中
- zenback ベータテスト開始！
- MovableType 4.2 2Column HTML5の解説（サイドバー）
- MovableType 4.2 2Column HTML5の解説（コメントフォーム）
- MovableType 4.2 2Column HTML5の解説（ブログ記事）
トラックバック
このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/1020
コメント
Buy Now
