-
ID:jFItVi さんの質問

html5の構造について

■質問1:h1の使い方(section と article構造)の質問

Section内にh1 , article内にh1がありますが問題あるのでしょうか?
section内はh1が一つ?この辺があやふやで、article内はh2にすべきでしょうか?

<section id="1">
<h1>新着一覧</h1>

<article>
<a href="address/1">
<time datetime="2013-9-1">2013年9月1日</a>
<h1>新着ニュース1</h1>
<p>新着ニュースの概要がここに入ります。</p>
</a>
</article>

<article>以下2件ループ
</article>

</section>

■質問2:h1の使い方(section と section構造)

親section内にh1 , 子section内にh1がありますが問題あるのでしょうか?
子section内はh2にすべきでしょうか?

<section id="2"><!--親section 2-->
<h1>このサービスについて</h1>

<section><!--子section-->
<a href="address/a-service">
<figure><img src="" alt="Aサービスの細く画像"></figure>
<h1>Aサービス</h1>
<p>Aサービスについて説明</p>
</a>
</section><!--子/section-->

<section><!--子section-->
<a href="address/b-service">
<figure><img src="" alt="Bサービスの細く画像"></figure>
<h1>Bサービス</h1>
<p>Bサービスについて説明</p>
</a>
</section><!--子/section-->

</section><!--親/section 2-->

■質問3:sectionの使い方

1の場合、理解はできるのですが
2の場合、子sectionリンク先に各詳細ページがあります。
この場合、sectionではなく、articleで囲むべきでしょうか?

--------------------
正直、いろいろとサイトを見てるのですが、人それぞれなところがあり
皆さんなら、どうされるか?お聞きしたく思います。

みんなの回答 3 件

ID:jFItVi さんの回答

追記:TOPページの構造上という意味です。

質問3の
2の場合、子sectionリンク先に各詳細ページがあります。TOPページの構造を
この場合、sectionではなく、articleで囲むべきでしょうか?

というのは、詳細ページ後ではなく、TOPページの子sectionの部分の意です。

ID:qGYHMV さんの回答

質問1・質問2: 問題ない。HTML5ではh1,h2,...と順番に使っていくやり方と、全部h1のやり方の2つが推奨されている。どちらも意味(アウトライン)上は全く同じ。

質問3:決まった答えはない。自分だったらsectionにする。

ID:jFItVi

ありがとうございます。ご意見参考に考えて見ます。助かりました。

ID:pmE3pW さんの回答

articleは「完結した内容」である事が求められる。
詳細ページへのリンクがあるならその項目は完結してないと判断して、articleは使わない。

article 要素 - セクション - HTML要素 - HTML5 タグリファレンス - HTML5.JP

http://www.html5.jp/tag/elements/article.html
ID:zbSF3X

コメントありがとうございます。返事遅くなりすいません。仰るように、articleはdetailページで使うほうが理にあってるのかな?と思いました。しかしこのあたりの使い方って大手企業のサイトでも,html5宣言だけして、divのみとかarticleとsectionの使う所が、まだまだ少ないようですね。

最終更新日:2013-08-23 (4,653 views)

関連するトピックス

ページ上部に戻る