27

<main>HTML5要素と ARIA ランドマーク role 属性の間の関係と考えられる違いについて詳しく知りたいですrole="main"。

<main>この要素の目的は、ARIA の roll 属性role="main"を特定の HTML 要素にマップすることであるという印象を受けました。しかし、それはそれを要約していますか？

<main>たとえば、を使用する利点はあります<div role="main">か? それとも、今のところ、そして近い将来、これらは同じ結果をもたらすでしょうか?

次の例を比較する際の洞察は大歓迎です。

<body>
  <main>
    <p>Paragraph</p>
  <main>
</body>


<body>
  <main role="main">
    <p>Paragraph</p>
  <main>
</body>


<body>
  <div role="main">
    <p>Paragraph</p>
  <div>
</body>
4

1 に答える 1

25

HTML5 Doctor によると、それらは同等です。<main>実装が簡単ですっきりするだけrole="main"です。

の主な目的は、ARIA のランドマークの役割 main を HTML の要素にマップすることです。

ここでは、<main>要素の一般的な説明を示します。

要素は、ドキュメントまたはアプリケーションのmainメイン コンテンツを表します。bodyメイン コンテンツ領域は、ドキュメントの中心的なトピックまたはアプリケーションの中心的な機能に直接関連するか、それを拡張するコンテンツで構成されます。

おすすめ

ブラウザが適切に実装されるまで、同じ要素で<main>との両方を使用することをお勧めします。role="main"<main>

<!-- Recommended -->
<main role="main">
    ...
</main>

興味のある方は必ず<main>スペックを読んでください。

セクショニングに関する注意

Szabolcs がコメントで指摘しているように、<main>はセクショニング要素ではないため、要素と組み合わせて使用​​する必要があり<section>ます。

参考文献

于 2013-10-25T17:52:16.933 に答える