あれやこれや自分のための覚書

html5 sectionとarticle と構造文

2017.10.01

html5 sectionとarticle と構造文 はコメントを受け付けていません

https://qiita.com/piotzkhider/items/faffbc4a107e7e495998

<html>
<body>
<header>…</header>
<nav>…</nav>
<article>
<section>…</section>
</article>
<footer>…</footer>
</body>
</html>

 

article

当該Webサイト内でコンテンツとして独立しているものをくくりたいときに使用する。
記事って書いてあるけれど、別に文章以外でも「コンテンツ」ならばこれでくくってOK。

section

<section>の役割は「文書のアウトラインを明示する」こと。
これは記事の中の章分けやパーツ、普通のサイトでもページコンテンツ内の要素一つ一つをラップするようなタグ。
内部に出来るだけ<h1>を持つことが推奨されている。
<h1>での見出しが必須と思えば使う箇所は良い感じに絞られるはず。

正しい使用例

<article>
  <section>
    <h1>コンテンツタイトル</h1>
  </section>
  <section>
    <h1>コンテンツ内容見出し</h1>
    <p>コンテンツ内容1</p>
    <p>コンテンツ内容2</p>
  </section>
</article>

とても参考になりました ありがとう

こちらも具体的で参考になります
https://blog.codecamp.jp/article_section

ありがとうございます。

関連記事

コメントは利用できません。

最近のコメント

    RSS へのコメント

    • エラーが発生しました。フィードの配信が停止している可能性があります。再度お試しください。
    友だち追加