-
ID:t3DsM3 さんの質問

HTML5の article、sessionについて使い分けに混乱しています。。

articleの下層にsessionがあったり、sessionの中にarticleがあるサイトを見かけます。

サイトの仕様で使い分けをしていると思うのですが、結局同じ意味合いなのでしょうか?

みんなの回答 5 件

ID:zEyrMr さんの回答

またお前か…釣り突っ込みどころ満載で参るわ。また来年な

ID:t3DsM3

トピ主です。
そう言われてもなんの事かさっぱりなのです。
そんなあなたも、またお前かではないのかな?

ID:9fAUef

sessionな

ID:sOEms2

いやsectionな

ID:DmOI24 さんの回答

article、sectionはどちらもアウトラインを指定するタグだけど、全然用途違う。html5はアウトラインを意識して作らんといかんから重要なタグ。
.
article
内容が完結した一括りにできるもの(ブログの記事とか)に指定
section
章をあらわす
.
面倒だからEmmet風に構造例を書くけどこんな感じ
artcile>(section>(h3+p))*3
わからなかったら、似たようなトピが前にもあるはずだからそれでも見て。

ID:9fAUef

section>article*4みたいなのもありですよね?

ID:s2DJOf

section外に一票

ID:DRCsQy

section外に更に一票

ID:9fAUef

外とか内とかいう話じゃなくてsection> article > section *3とかもあり得るでしょうという意味で言ったんですけど。

ID:zEyrMr

中はダメッ!外ならどこでもいいからっ!

ID:19yhMG

↑エロい

ID:Hks87h

誰もマークアップなんて重要だと思ってないよ。

ID:zEyrMr

いやいや、正しいマークアップ知識=正しい避妊知識=こんドームを用意するようなものだよ

ID:9fAUef

クライアントが気にしなくても、制作はちゃんとしないとな。
というか別にクライアントが気にする必要なんてないし。

ID:DmOI24

何か知らん間に盛り上がっとるw
んー、章のなかにそれ自体で完結するような記事コンテンツは、普通に考えてないんじゃないかな?
章があるってことは、大抵関連した続きの章があるわけだし。

ID:woMyIY さんの回答

<article>
<h1>記事タイトル</h1>
<section>
<h1>サブタイトル</h1>
<p>文章文章文章文章文章文章文章</p>
</section>
<section>
<h1>サブタイトル</h1>
<p>文章文章文章文章文章文章文章</p>
</section>
</article>
.
こんな感じでおk

ID:zNqjxs

<section>
<h1>タイトル</h1>
<article>
<h1>記事タイトル</h1>
<p>・・・</p>
</article>
<article>
<h1>記事タイトル</h1>
<p>・・・</p>
</article>
<article>
<h1>記事タイトル</h1>
<p>・・・</p>
</article>
</section>

こんなんもアリだな。

ID:sOEms2 さんの回答

意味を把握するにはarticleとsectionを英和辞典で調べた方が早いかもしんない。

ID:GSbA9H さんの回答

記事の一覧とかだと、section の中に article 入れるケースもあるっぽいけど、どうなん?

<section id="list-news">
<h3>ニュース一覧</h3>
<article>
<a href="./news1.html">
<h4>記事タイトル</h4>
<time datetime="2014-11-13T00:00:00+09:00" pubdate="pubdate" >2014/11/13</time>
<p>記事の説明</p>
</a>
</article>
<article>
<a href="./news1.html">
<h4>記事タイトル</h4>
<time datetime="2014-11-13T00:00:00+09:00" pubdate="pubdate" >2014/11/13</time>
<p>記事の説明</p>
</a>
</article>
<article>
<a href="./news1.html">
<h4>記事タイトル</h4>
<time datetime="2014-11-13T00:00:00+09:00" pubdate="pubdate" >2014/11/13</time>
<p>記事の説明</p>
</a>
</article>
</section>

最終更新日:2014-11-13 (2,979 views)

関連するトピックス

ページ上部に戻る