こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

-広告-

解決済みの質問

HTML5の記述について

現在、HTML5について勉強をしているのですが、下記サンプルコードが間違っているのではないかと思います。サンプルコードでは、途中にsectionタグでarticleタグを囲っている部分があります。今回の場合、articleタグでsectionタグを囲ったほうがいいのではないでしょうか?様々なサイトを見て回ってこのように感じたんですが、自分の見解が合っているかがわかりません。よろしくお願いします。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf8">
<title>おかずまみれ</title>
</head>
<body>
<header>
おかずの部屋
<nav>
ホーム
リンク集
プロフ
</nav>
</header>

<section>
今日のおかず
<article>
おいしいおかず 25
おかず25のレシピ
</article>
</section>

<section>
新着!おかず!!
<article>
おいしいおかず 01
おかず01のレシピ
</article>
<article>
おいしいおかず 02
おかず02のレシピ
</article>
</section>

<aside>
おかず本がいっぱい
おかず本 1
おかず本 2
おかず本 3
</aside>

<footer>
このサイトは xxxxxによって運営されています。
</footer>

</body>
</html>

投稿日時 - 2015-07-13 15:59:52

QNo.9011569

困ってます

質問者が選んだベストアンサー

何を問題と感じますか。

この文脈は、今日のおかず、というのと新着おかず、というのをならべて表現したいんですね。

そして、今日のおかずにおいしいおかず25という記事があるのです。
今日のおかずに、そのほかにいくつか記事を並べる場合もあるだろうし、この順に問題ないです。

もし、おいしいおかず、という記事があって、その中に天ぷら、刺身、煮物、なんてならべたくて下にsectionを置く書き方もあるでしょうね。
その場合はarticleの下にsectionの段が発生します。

概念構造の問題です。
別に文法が間違っているという指摘は当たりません。

投稿日時 - 2015-07-14 15:02:18

お礼

なるほど、基本的にarticleの下にsectionという順番が正解で、sectionの下にarticleというのは間違っているという固定概念から構造を考えていました。言われた通りに考えると、そうですね。もっと柔軟に考えていきます。ありがとうございました。

投稿日時 - 2015-07-14 15:23:08

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

-広告-
-広告-

回答(1)

-広告-
-広告-

あなたにオススメの質問

-広告-
-広告-