カテゴリー:
HTML5
閲覧数:487 配信日:2017-01-25 17:37
article要素
ドキュメント、ページ、アプリケーション、あるいはサイトの中で自己完結した構成物を表す
・独立して配布可能なもの
・ブログやニュース記事のように、それ単体で意味をなすもの
<article>の子要素
・見出し (<h1>-<h6> element) を含む
入れ子
・OK
<article><article></article></article>
コード例
<article class = "cartoon_review">
<header>
<h2>はじめの一歩</h2>
</header>
<section class = "main_review">
<p>はじめの一歩見た今ならデンプシーロール打てそうな気がする✊</p>
</section>
<section class = "user_reviews">
<article class = "user_review">
<p>ドラゴンボール読み終わったあとにかめはめ波撃てそうな錯覚に陥る奴か</p>
<footer>
<p>
宇野さんによって<time datetime = "2015-05-16 19:00"> 5月16日</time>に投稿されました。
</p>
</footer>
</article>
<article class = "user_review">
<p>えっ かめはめ波とデンプシーロールとフリッカーはみんなするよね？！</p>
<footer>
<p>
美空さんによって<time datetime = "2015-05-17 19:00"> 5月17日</time>に投稿されました。
</p>
</footer>
</article>
</section>
<footer>
<p>
スタッフによって<time datetime = "2015-05-15 19:00"> 5月15日</time>に投稿されました。
</p>
</footer>
</article>
<header>
<h2>はじめの一歩</h2>
</header>
<section class = "main_review">
<p>はじめの一歩見た今ならデンプシーロール打てそうな気がする✊</p>
</section>
<section class = "user_reviews">
<article class = "user_review">
<p>ドラゴンボール読み終わったあとにかめはめ波撃てそうな錯覚に陥る奴か</p>
<footer>
<p>
宇野さんによって<time datetime = "2015-05-16 19:00"> 5月16日</time>に投稿されました。
</p>
</footer>
</article>
<article class = "user_review">
<p>えっ かめはめ波とデンプシーロールとフリッカーはみんなするよね？！</p>
<footer>
<p>
美空さんによって<time datetime = "2015-05-17 19:00"> 5月17日</time>に投稿されました。
</p>
</footer>
</article>
</section>
<footer>
<p>
スタッフによって<time datetime = "2015-05-15 19:00"> 5月15日</time>に投稿されました。
</p>
</footer>
</article>
・article