cman.jp箱根でゆっくり温泉
（）
週末、家族と愛犬で温泉に行ってきました。～内容～
コメント
楽しそうな写真ですね （）
私も来月にでも行こうかな・・ （）
WEBページ作成
広告
<article> 「自己完結セクション」[読み方：アーティクル]
<article>タグは、自己完結するセクションを表します。
ブログの１つの話題を１つのセクションにまとめる場合などに使用します。１つの話題の返信コメントなどは<article>を入れ子にする事が出来ます。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | × | ○ |
<article>は、HTML5で追加されたタグです
| ブラウザ別の対応状況 |
|---|
| 下記サイトで確認できます。 「Can I use」（英語のサイトです） |
広告
<article> の仕様
| カテゴリー | 使用できる場所（親要素） | コンテンツモデル（子要素） | タグ省略 |
|---|---|---|---|
| フローコンテンツ セクショニングコンテンツ パルパブルコンテンツ | セクショニングコンテンツを子要素にもてる場所 | フローコンテンツ | 不可 |
<article> の属性
【構文】
<article>～内容～</article>
<article>タグのサンプル
ブログのサンプル
<article>
<h4>箱根でゆっくり温泉</h4>
<p>（<time datetime="2013-03-24T20:15">2013/03/24 20:15</time>）</p>
<p>週末、家族と愛犬で温泉に行ってきました。～内容～<p>
<h5>コメント</h5>
<article>
<address>ひろしさん : hiroshi@example.jp</address>
<p>楽しそうな写真ですね
（<time datetime="2013-03-24T22:03">2013/03/24 22:03</time>）</p></p>
</article>
<article>
<address>はなこさん : hanako@example.jp</address>
<p>私も来月にでも行こうかな・・
（<time datetime="2013-03-25T10:48">2013/03/25 10:48</time>）</p>
</article>
</article>
<h4>箱根でゆっくり温泉</h4>
<p>（<time datetime="2013-03-24T20:15">2013/03/24 20:15</time>）</p>
<p>週末、家族と愛犬で温泉に行ってきました。～内容～<p>
<h5>コメント</h5>
<article>
<address>ひろしさん : hiroshi@example.jp</address>
<p>楽しそうな写真ですね
（<time datetime="2013-03-24T22:03">2013/03/24 22:03</time>）</p></p>
</article>
<article>
<address>はなこさん : hanako@example.jp</address>
<p>私も来月にでも行こうかな・・
（<time datetime="2013-03-25T10:48">2013/03/25 10:48</time>）</p>
</article>
</article>
留意事項
広告