3

セマンティクス: それらを正しく理解したいと思っていますが、混乱を招くだけの場合もあります。

ウェブサイトの文書構造:

<body>
    <header>
    <div id="main">
        <header> (not on every page)
        <div id="content">
        <footer> (not on every page)
    <aside>
    <footer>

div#mainをarticleタグに置き換えるのは意味的に正しいですか?

4

3 に答える 3

9

この質問で死者を上げるために、現在受け入れられている答えはすぐに間違っています。<main>まさに必要なものを対象とした要素の拡張ドラフトがあります。role="main"さらに、ブラウザのARIAを自動化して、アクセシビリティを向上させます。詳細については、次のリンクを参照してください：https ://dvcs.w3.org/hg/html-extensions/raw-file/tip/maincontent/index.html

この仕様は、HTML5仕様[HTML5]の拡張版です。これは、ドキュメントのメインコンテンツ領域の識別に使用される要素を定義します。HTML5仕様のすべての規範的なコンテンツは、この仕様によって特に上書きされない限り、この仕様の基礎となることを目的としています。

main要素は、「content」や「main」などのid値を使用して、ドキュメントのメインコンテンツセクションを識別する一般的な方法を形式化します。また、WAI-ARIA[ARIA]ランドマークrole=mainのセマンティクスと機能を具体化するHTML要素も定義します。

<main>

  <h1>Apples</h1>
 <p>The apple is the pomaceous fruit of the apple tree.</p>

 <article>
 <h2>Red Delicious</h2>
  <p>These bright red apples are the most common found in many
  supermarkets.</p>
  <p>... </p>
  <p>... </p>
  </article>

  <article>
  <h2>Granny Smith</h2>
  <p>These juicy, green apples make a great filling for
  apple pies.</p>
  <p>... </p>
  <p>... </p>
  </article>

</main>
于 2012-12-19T10:10:58.660 に答える
4

http://html5doctor.com/the-article-element/によると、これは有効なセマンティックコーディング方法です。それは「ウェブログスタイル<article>」と呼ばれます。

#content構造によっては、記事に置き換えることもできる場合があります。

http://code.google.com/p/html5shiv/を含めることを忘れないでください。また、 httpsを介してサイトにサービスを提供している場合は、Protocol Relative Url（Google for it）も調べてください。 httpとhttpsの間の切り替えを検出する必要があります。

于 2011-04-05T20:21:52.623 に答える
0

<section>タグに置き換えた方が適切だと思います。この<article>タグは、ブログの投稿、フォーラムの投稿、新聞の記事などを対象としています (タグの名前はそのためです)。

対照的に、<section>タグはドキュメント内のコンテンツのより一般的な部分を対象としているため、この場合により適しています。

これについては、DiveIntoHTML5.ep.ioのMark Pilgrim が説明しています。

于 2011-04-05T20:29:49.543 に答える