html - HTML5のベストプラクティス。セクション/ヘッダー/脇/記事の要素

Question

Web（およびstackoverflow）にはHTML5に関する十分な情報がありますが、今は「ベストプラクティス」に興味があります。section / headers / articleのようなタグは新しく、これらのタグをいつ/どこで使用すべきかについては、誰もが異なる意見を持っています。では、次のレイアウトとコードについてどう思いますか？

ウェブサイトのレイアウト

  1  <!doctype html>
  2      <head>
  3          <title>Website</title>
  4      </head>
  5  
  6      <body>
  7          <section>
  8              <header>
  9                  <div id="logo"></div>
 10                  <div id="language"></div>
 11              </header>
 12  
 13              <nav>
 14                  <ul>
 15                      <li>menu 1</li>
 16                      <li>menu 2</li>
 17                      <li>menu 3</li>
 18                      <li>menu 4</li>
 19                      <li>menu 5</li>
 20                  </ul>
 21              </nav>
 22  
 23              <div id="main">
 24                  <div id="main-left">
 25                      <article>
 26                          <header><h1>This is a title</h1></header>
 27  
 28                          <p>Lorem ipsum dolor sit amet, consectetur
 29                          adipiscing elit. Quisque semper, leo eget</p>
 30  
 31                          <p>Lorem ipsum dolor sit amet, consectetur
 32                          adipiscing elit. Quisque semper, leo eget</p>
 33  
 34                          <p>Lorem ipsum dolor sit amet, consectetur
 35                          adipiscing elit. Quisque semper, leo eget</p>
 36  
 37                          <p>Lorem ipsum dolor sit amet, consectetur
 38                          adipiscing elit. Quisque semper, leo eget</p>
 39                      </article>
 40                  </div>
 41  
 42                  <div id="main-right">
 43                      <section id="main-right-hot">
 44                          <h2>Hot items</h2>
 45                          <ul>
 46                              <li>Lorem ipsum</li>
 47                              <li>dolor sit</li>
 48                              <li>...</li>
 49                          </ul>
 50                      </section>
 51  
 52                      <section id="main-right-new">
 53                          <h2>New items</h2>
 54                          <ul>
 55                              <li>Lorem ipsum</li>
 56                              <li>dolor sit</li>
 57                              <li>...</li>
 58                          </ul>
 59                      </section>
 60                  </div>
 61              </div>
 62  
 63              <div id="news-items">
 64                  <header><h2>The latest news</h2></header>
 65  
 66                  <div id="item_1">
 67                      <article>
 68                          <header>
 69                              <img src="#" title="titel artikel" />
 70                              <h3>Lorem ipsum .....</h3>
 71                          </header>
 72                          <p>Lorem ipsum dolor sit amet,
 73                          adipiscing elit. Quisque semper, </p>
 74                          <a href="#">Read more</a>
 75                      </article>
 76                  </div>
 77  
 78  
 79                  <div id="item_2">
 80                      <article>
 81                          <header>
 82                              <img src="#" title="titel artikel" />
 83                              <h3>Lorem ipsum .....</h3>
 84                          </header>
 85                          <p>Lorem ipsum dolor sit amet,
 86                          adipiscing elit. Quisque semper, </p>
 87                          <a href="#">Read more</a>
 88                      </article>
 89                  </div>
 90  
 91  
 92                  <div id="item_3">
 93                      <article>
 94                          <header>
 95                              <img src="#" title="titel artikel" />
 96                              <h3>Lorem ipsum .....</h3>
 97                          </header>
 98                          <p>Lorem ipsum dolor sit amet,
 99                          adipiscing elit. Quisque semper, </p>
100                          <a href="#">Read more</a>
101                      </article>
102                  </div>
103              </div>
104  
105              <footer>
106                  <ul>
107                      <li>menu 1</li>
108                      <li>menu 2</li>
109                      <li>menu 3</li>
110                      <li>menu 4</li>
111                      <li>menu 5</li>
112                  </ul>
113              </footer>
114          </section>
115      </body>
116  </html>

7行目。sectionウェブサイト全体の周り？またはのみdiv？

8行目。それぞれは？sectionで始まります。header

23行目。これはdiv正しいですか？またはこれはsection？

24行目。左右の列を。で分割しdivます。

article25行目。タグの正しい場所は？

h126行目。 -tagを-tagに入れる必要がありますheaderか？

43行目。内容はメインの記事とは関係がないので、これはであり、sectionではないと判断しましたaside。

44行目。H2なしheader

53行目sectionなしheader

63行目。すべての（関連のない）ニュース項目を含むDiv

64行目。h2header付き

65行目。うーん、divまたはsection？または、これを削除して、 -tagdivのみを使用してくださいarticle

105行目。フッター:-)

score 513 · Accepted Answer

実際、ヘッダー/フッターに関しては、あなたはまったく正しいです。主要な HTML5 タグのそれぞれをどのように使用できるか、またはどのように使用する必要があるかについての基本的な情報を次に示します (下部にリンクされている完全なソースを読むことをお勧めします)。

セクション– テーマに関連するコンテンツをグループ化するために使用されます。div 要素のように聞こえますが、そうではありません。div には意味的な意味はありません。すべての div を section 要素に置き換える前に、「すべてのコンテンツが関連しているか」を常に自問してください。</p>
aside – 接線関連のコンテンツに使用されます。一部のコンテンツがメインコンテンツの左または右に表示されるという理由だけでは、aside 要素を使用する十分な理由にはなりません。メインのコンテンツの意味を損なうことなく、脇にあるコンテンツを削除できるかどうか自問してください。プルクオートは、接線的に関連するコンテンツの例です。

ヘッダー– ヘッダー要素と、一般的に受け入れられているヘッダー (またはマストヘッド) の使用法との間には決定的な違いがあります。通常、ページにはヘッダーまたは「マストヘッド」が 1 つだけあります。HTML5 では、いくつでも作成できます。仕様では、それを「導入またはナビゲーション支援のグループ」と定義しています。サイトのどのセクションでもヘッダーを使用できます。実際、ほとんどのセクションでヘッダーを使用する必要があります。仕様では、section 要素を「コンテンツのテーマ別グループであり、通常は見出しが付いています」と説明しています。</p>
nav – 主要なナビゲーション情報を対象としています。グループ化されたリンクのグループは、nav 要素を使用する十分な理由にはなりません。一方、サイト全体のナビゲーションは nav 要素に属します。

フッター– 位置の説明のように聞こえますが、そうではありません。フッター要素には、それを含む要素に関する情報が含まれます。作成者、著作権、関連コンテンツへのリンクなどです。通常、ドキュメント全体に対して 1 つのフッターがあるのに対し、HTML5 ではセクション内にフッターを含めることもできます。

ソース: https://clzd.me/html5-section-aside-header-nav-footer-elements-not-as-obvious-as-they-sound/

さらに、article上記のソースには記載されていないの説明を次に示します。

article – 独立した自己完結型のコンテンツを指定する要素に使用されます。記事はそれ自体で意味をなすものでなければなりません。すべての div を article 要素に置き換える前に、常に次のことを自問してください。

score 299 · Accepted Answer

残念ながら、これまでに与えられた回答 (最も投票されたものを含む) は、「単なる」常識であるか、明らかに間違っているか、せいぜい紛らわしいものです。重要なキーワード¹のポップアップなし!

私は3つの答えを書きました：

ここで説明した html 要素の役割を理解するには、それらのいくつかがドキュメントをセクション化していることを知っておく必要があります。すべての html ドキュメントは、 HTML5 アウトラインアルゴリズムに従って、アウトライン (⁠または⁠) 目次 (TOC) を作成する目的でセクション化できます。アウトラインは一般的には目に見えませんが (最近)、作成者は、結果のアウトラインが意図を反映するような方法で html を使用する必要があります。

これらの要素だけでセクションを作成できます。

(明示的な) サブセクションの作成
- <section>セクション
- <article>セクション
- <nav>セクション
- <aside>セクション
兄弟セクションまたはサブセクションの作成
- <h*>^²の指定されていないタイプのセクション(すべてがこれを行うわけではありません。以下を参照してください)
レベルアップして現在の明示的な (サブ) セクションを閉じる

セクションには次の名前を付けることができます。

<h*>作成されたセクション名自体
<section|article|nav|aside><h*>セクションがある場合は、最初のセクションによって名前が付けられます
- これら<h*>は、セクション自体を作成しない唯一のものです

セクションにはもう 1 つ重要なことがあります。次のコンテキスト (つまり要素) が「アウトライン境界」を作成します。それらに含まれるセクションはすべて、それらにプライベートです。

ドキュメント自体<body>
を含む表のセル<td>
<blockquote>
<details>、 <dialog>、<fieldset>、および<figure>
他に何もない

example HTML <body> <h3>if you want siblings at top level...</h3> <h3>...you have to use untyped sections with <h*>...</h3> <article> <h1>...as any other section will descent</h1> </article> <nav> <ul> <li><a href=...>...</a></li> </ul> </nav> </body> has this outline 1. if you want siblings at top level... 2. ...you have to use untyped sections with <h*>... 2.1. ...as any other section will descent 2.2. (unnamed navigation)

これにより、次の 2 つの疑問が生じます。

<article>とはどう違い<section>ますか？

どちらも次のことができます。
- 互いに入れ子になる
- 異なるコンテキストまたは入れ子レベルで異なる概念を取る
<section>s は本の章のようなものです
- 彼らは通常、兄弟を持っています (おそらく別のドキュメントにありますか?)
- 一緒にすると、本の章のように共通点があります
1 人の著者、1 人<article>、少なくとも最低レベルで
- 標準的な例: 1 つのブログコメント
- ブログエントリ自体も良い例です
- ブログエントリ<article>とそのコメント<article>は、でラップすることもできます<article>
- それはいくつかの「完全な」ものであり、一連の類似の一部ではありません
<section>は<article>本の章のようなものです
<article>の s は<section>、ボリューム内の詩のようなものです (シリーズ内)

とはどのよう<header>に適合しますか?<footer><main>

セクショニングへの影響はありません
<header>と<footer>
- 各セクションのゾーンをマークすることができます
- セクション内でも、複数回使用できます
- このセクションの主要部分と区別するため
- 著者の好みによってのみ制限されます
- <header>
  - このセクションのタイトル/名前をマークすることができます
  - このセクションのロゴが含まれる場合があります
  - セクションの上部または上部にある必要はありません
- <footer>
  - このセクションのクレジット/著者をマークすることができます
  - セクションの一番上に来ることができます
  - を超えることさえあります<header>
<main>
- 一度だけ許可
- 最上位セクション (つまり、ドキュメント<body>)の主要部分をマークします。
- サブセクション自体には、メイン部分のマークアップはありません
- <main>ドキュメントの一部のサブセクションで「非表示」にすることもできますが、ドキュメントでは<header>でき<footer>ません (そのマークアップは、そのサブセクションのヘッダー/フッターをマークします)。
  - <article>ただし、セクション³では許可されていません
- ドキュメントの非ヘッダー、非フッター、非メインコンテンツから「本物」を区別するのに役立ちます。それがあなたの場合に意味がある場合...

^{¹頭に浮かぶのは、アウトライン、アルゴリズム、暗黙のセクショニングです。}²^、^{^、}
^{^、、およびの省略形<h*>として使用<h1><h2><h3><h4><h5><h6>}^し^ます。^{– 実際}^{には、(ネストされた) 下降セクションにのみ非表示に}^{するか、トップレベルに表示することができます。つまり、}
^{<main><aside><nav><main><section><body>}

score 111 · Accepted Answer

div 要素は、新しい要素 (header、nav、section、article、aside、および footer) に置き換えることができます。

そのドキュメントのマークアップは次のようになります。

<body>
     <header>...</header>
     <nav>...</nav>
     <article>
          <section>
               ...
          </section>
     </article>
     <aside>...</aside>
     <footer>...</footer>
</body>

詳細については、A List Apart に関するこの記事を参照してください。

score 70 · Accepted Answer

HTML5 の構造化に関する W3 wiki ページを読むことをお勧めします。

<header>サイトのヘッダーコンテンツを含めるために使用されます。 <footer> サイトのフッターコンテンツが含まれます。 <nav>ページのナビゲーションメニューまたはその他のナビゲーション機能が含まれます。

<article>
ニュースアイテムなど、RSS アイテムとしてシンジケートされた場合に意味のあるスタンドアロンのコンテンツが含まれます。

<section>さまざまな記事をさまざまな
目的や主題にグループ化するか、1 つの記事のさまざまなセクションを定義するために使用されます。

<aside>その周りのメインコンテンツに関連しているが、その流れの中心ではないコンテンツのブロックを定義します。

それらには、ここでクリーンアップした画像が含まれています。

html5

コードでは、これは次のようになります。
<body>
  <header></header>    
  <nav></nav>    
  <section id="sidebar"></section>    
  <section id="content"></section>    
  <aside></aside>    
  <footer></footer>
</body>
HTML5 要素のいくつかをさらに詳しく調べてみましょう。

<section>

この<section>要素は、機能またはサブジェクト領域の明確な異なる領域を含めるため、または記事またはストーリーを異なるセクションに分割するためのものです。この場合、「sidebar1」には、「RSS を購読する」や「ストアから音楽を購入する」など、サイトのすべてのページに保持されるさまざまな便利なリンクが含まれています。「メイン」には、このページのメインコンテンツであるブログ投稿が含まれます。サイトの他のページでは、このコンテンツは変更されます。これはかなり一般的な要素ですが、単純な古いよりもはるかに意味的な意味があり<div>ます。

<article>

<article>に関連して<section>いますが、明らかに異なります。<section>コンテンツまたは機能の個別のセクションをグループ化するためのものであるのに対し、<article>は個々のブログ投稿、ビデオ、画像、またはニュース項目など、関連する個々のスタンドアロンのコンテンツを含めるためのものです。このように考えてみてください。コンテンツのアイテムが多数あり、それぞれが単独で読むのに適していて、RSS フィードで個別のアイテムとしてシンジケートするのが理にかなっている場合<article>は、それらをマークアップするのに適しています。この例では、<section id="main">ブログエントリが含まれています。各ブログエントリは、RSS フィードのアイテムとしてシンジケートするのに適しており、文脈から切り離して単独で読むと意味があるため、次のよう<article> に最適です。
<section id="main">
    <article></article>        
    <article></article>        
    <article></article>
</section>
シンプルでしょ？ただし、必要に応じて記事内にセクションをネストすることもできます。たとえば、これらのブログ投稿のそれぞれが異なるセクションの一貫した構造を持っている場合、記事内にもセクションを配置できます。次のようになります。
<article>
  <section id="introduction"></section>      
  <section id="content"></section>
  <section id="summary"></section>
</article>
<header>と<footer>

前述したように、<header>and <footer>要素の目的は、ヘッダーとフッターのコンテンツをそれぞれラップすることです。この特定の例では、<header>要素にロゴ画像が含まれており、<footer>要素に著作権表示が含まれていますが、必要に応じてより複雑なコンテンツを追加できます。また、各ページに複数のヘッダーとフッターを配置できることにも注意してください。これまで説明したトップレベルのヘッダーとフッターと同様に、 each 内に<header>and<footer>要素をネストすることもできます<article>。その場合、それらはそれに適用されます。特定の記事。上記の例に追加します。
<article>
  <header></header>    
  <section id="introduction"></section>      
  <section id="content"></section>      
  <section id="summary"></section>      
  <footer></footer>
</article>
<nav>

この<nav>要素は、現在のサイトの別のページまたは現在のページの別の領域に移動するナビゲーションリンクまたはその他の構造 (検索フォームなど) をマークアップするためのものです。スポンサーリンクなど、その他のリンクはカウントされません。もちろん、見出しやその他の構造化要素を内に含めることができますが、<nav>必須ではありません。

<aside>

<aside>2 番目のサイドバー (最新のギグと連絡先の詳細を含むもの) をマークアップするために要素を使用していることにお気付きかもしれません。<aside>これは、メインフローに関連しているが、直接的には適合しない情報をマークアップする場合と同様に、完全に適切です。そして今回のメインコンテンツはバンドの話ばかり！のその他の適切な選択肢<aside>は、ブログ投稿の作成者に関する情報、バンドのバイオグラフィー、またはアルバムを購入するためのリンクを含むバンドのディスコグラフィーです。

それはどこに行き<div>ますか？

それで、私たちのページで使用するこれらすべての素晴らしい新しい要素で、謙虚な日は<div>確実に数えられていますか? 番号。実際、<div> まだ完全に有効な用途があります。これは、コンテンツの領域をグループ化するのに適した要素が他にない場合に使用する必要があります。これは、スタイリング/視覚的な目的でコンテンツをグループ化するために純粋に要素を使用している場合によく見られます。一般的な例として、を使用<div>してページ上のすべてのコンテンツをラップし、次に CSS を使用してすべてのコンテンツをブラウザーウィンドウの中央に配置したり、特定の背景画像をコンテンツ全体に適用したりします。

score 25 · Accepted Answer

[私の「主な回答」の説明</a>]

7 行目。ウェブサイト全体のセクション？それともdivだけですか？

ない。スタイリングの場合: を使用し<body>ます。既に存在します。セクショニング/セマンティクスの場合: HTML の例で詳しく説明されているように、その効果は有用性に反します。すでにラップされたコンテンツへの追加のラッパーは改善ではなく、ノイズです。

8 行目。各セクションはヘッダーで始まりますか?

いいえ、通常「ヘッダー」として要約されたコンテンツをどこに配置するかは、作成者の選択です。そして、ヘッダーの内容が追加のマーキングなしで明確に認識できる場合は、<header>. これも作者のチョイス。

行 23. このdivは正しいですか? またはこれはセクションでなければなりませんか？

<div>おそらく間違っています。それは意図に依存します: それはスタイリングのためだけですか? それは正しいかもしれません. それがセマンティックな目的のためである場合、それは間違っています:私の他の回答に示されているように<article>、代わりにすべきです。スタイリングとセクショニングの両方を組み合わせた場合も同様です。<article>

<section>本の章のように、このセクションの前後に同様のセクションがないため、ここでは間違っているように見えます。(これがの目的です<section>)。

行 24. divで左右の列を分割します。

いいえ、なぜですか？

line 25. articleタグの正しい位置は?

はい、理にかなっています。

26行目.h1タグをヘッダータグに入れる必要がありますか?

いいえ。単独の<h*>要素を a に入れる必要はおそらくありません<header>(ただし、必要に応じて入れることができます)。<header>– たとえば、それがキャッチフレーズ ( でマークされている) も含まれていれば意味があり<p>ます。

43行目。内容は本編と関係ないので、余談ではなく節としました。

が周囲のコンテンツに<aside>「接線的に関連している」必要があるというのは誤解です。<aside>重要なのは、コンテンツが「接線的に関連している」だけの場合、またはまったく関連がない場合にan を使用することです。

それでも、<aside>まともな選択であることは別として、「ホットなアイテム」と「新しいアイテム」は本の 2 つの章のように読むべきではないため、<article>よりも優れている可能性があります。<section>全体の2つの部分ではなく、何かの代替ソートのように、それらの1つを完全に選択して、もう1つを選択することはできません。

44 行目。ヘッダーなしのH2

素晴らしいです。

行 53.ヘッダーのないセクション

はありません<header>が、<h2>-heading により、このセクションのどの部分がヘッダーであるかが明確になります。

63 行目。すべての (関連のない) ニュース項目の div

<article>または<aside>より良いかもしれません。

64 行目。h2付きのヘッダー

すでに議論した。

65 行目。うーん、divですか、sectionですか? または、このdivを削除してarticle -tagのみを使用してください

丁度！を取り外します<div>。

105行目。フッター:-)

非常に合理的です。

score 17 · Accepted Answer

主な間違い: ドキュメント全体に「分割」があります。
なぜこれ？

<header>
    <div id="logo"></div>
    <div id="language"></div>
</header>

それ以外の：

<header role="banner">
    <!-- Not the best -->
    <h1 id="logo"></h1> <!-- or <figure> and <figcaption>, or <h1> and <p>... -->
    <h2 id="language"></h2>

    <!-- Better, if the IDs have not semantic sense -->
    <h1></h1>
    <h2></h2>
</header>

このヘッダーのスタイルを設定するには、CSS 階層を使用します: body > section > header > h1、body > section > header > h2

さらに、... 63 行目: なぜヘッダーは h2 をラップするのですか?? ヘッダー内にこれ以上要素を含めない場合は、単一の h2.
あなたの構造はドキュメントを様式化するものではなく、自己説明型のドキュメントを構築するものであることを覚えておいてください。

これをドキュメントの残りの部分に適用します。幸運を ;）

score 10 · Accepted Answer

item_1、item_2 などの ID を記事タグ自体に付けないのはなぜですか? このような：

<article id="item_1">
...
</article>
<article id="item_2">
...
</article>
...

ラッパー div を追加する必要はないようです。ID 値は HTML では意味的な意味を持たないため、これを行うことは完全に有効だと思います。最初の記事が常にitem_1 であると言っているのではなく、現在のページのコンテキスト内でただ item_1 です。ID は、コンテキストに依存しない意味を持つ必要はありません。

また、26 行目の質問については、<header> タグは必要ないと思います。「main-left」div にあるので、省略してもいいと思います。記事のメインリストにある場合は、一貫性を保つために <header> タグを含めることをお勧めします。

score 6 · Accepted Answer

セクションは、ドキュメント内のセクションをラップするためにのみ使用する必要があります（章など）
ヘッダータグ付き：NO 。ヘッダータグはページヘッダーのラッパーを表し、H1、H2などと混同しないでください。
どのdiv？：D
はい
W3Cスクールから：

タグは外部コンテンツを定義します。外部コンテンツは、外部プロバイダーからのニュース記事、Webログ（ブログ）からのテキスト、フォーラムからのテキスト、または外部ソースからのその他のコンテンツである可能性があります。
いいえ、ヘッダータグの用途は異なります。H1、H2などは、最も重要なドキュメントタイトルH1を表します

あなたが何を言っているのか推測するのはちょっと難しいので、私は他のものに答えませんでした。他にご不明な点がございましたら、お気軽にお問い合わせください。

score 4 · Accepted Answer

4

これが私が働いている私の例です

ここに画像の説明を入力

于 2014-08-24T12:20:53.553 に答える

score 2 · Accepted Answer

ニュースアイテムの概要（67、80、93行目）でタグを使用するべきではないと思います。セクションを使用することも、囲んでいるdivを使用することもできます。

記事は、それ自体で立つことができ、それでも意味をなすか、完全である必要があります。その不完全または単なる抜粋として、それは記事ではなく、より多くのセクションです。

「続きを読む」をクリックすると、次のページに次のページが表示されます。

score 2 · Accepted Answer

編集: 残念ながら、私は自分自身を修正する必要があります。

例を含む w3 仕様へのリンクについては、以下のhttps://stackoverflow.com/a/17935666/2488942を参照してください(以前に見たものとは異なります)。

しかし、その後... @Fezのおかげで、これについての素晴らしい記事があります。

私の元の応答は次のとおりです。

w3仕様の構造は次のとおりです。

4.3.4 セクション

4.3.4.1 ボディ要素

4.3.4.2 セクション要素

4.3.4.3 nav 要素

4.3.4.4 記事要素

....

sectionはより高いレベルであることを示唆していますarticle。この回答で述べたように、sectionテーマに関連するコンテンツをグループ化します。私の意見では、記事内のコンテンツはとにかくテーマ的に関連しているため、これは、少なくとも私にとってはsection、より高いレベルのグループであることも示唆していarticleます.

次のように使用することを意図していると思います。

section: Chapter 1
    nav: Ch. 1.1
         Ch. 1.2

    article: Ch. 1.1
             some insightful text

    article: Ch. 1.2
             related to 1.1 but different topic

またはニュース Web サイトの場合:

section: News
    article: This happened today
    article: this happened in England

section: Sports
    article: England - Ukraine 0:0
    article: Italy books tickets to Brazil 2014

score 2 · Accepted Answer

„23行目。このdivは正しいですか？それともこれはセクションである必要がありますか?"</p>

どちらでもありません –mainその目的のためのタグはありません。これはページごとに 1 回だけ許可され、メインコンテンツのラッパーとして使用する必要があります (サイドバーやサイト全体のヘッダーとは対照的です)。

<main>
    <!-- The main content -->
</main>

http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-main-element

score 1 · Accepted Answer

この質問をもっと正確に説明したいのですが、間違っていたら訂正してください Facebook Wall の例を見てみましょう

1.Wall は「セクション」タグの下にあり、ページとは別であることを示します。

2.すべての投稿は「記事」タグの下に表示されます。

3.次に、「セクション」タグの下にある単一の投稿があります。

3.これには「X user post this」という見出しがあり、「heading」タグを使用できます。

4.次に、投稿内に 3 つのセクションがあります。1 つは、画像/テキスト、いいね! 共有コメントボタン、およびコメントボックスです。

5.コメントボックスには記事タグを使用できます。

html - HTML5のベストプラクティス。セクション/ヘッダー/脇/記事の要素

16 に答える 16

Related

Reference