6

私はオンラインで調べてきましたが、これについて決定的な答えを見つけることができないようです。以下のHTML5構造を考えると、コンテンツタイトルのaside要素内でh2またはh3を使用する必要がありますか?

セクションや記事要素内にある限り、複数のh1を使用しても問題ないことはわかっています。しかし、私は自分の脇で何をすべきかわかりませんか?脇に置いて複数のh1から離れるべきだと思いますが、h2とh3についてはよくわかりません。

ありがとう!

<!DOCTYPE html>
<html>
<head>
<title>Heading Tags</title>
</head>
<body>
<section>
    <header>
        <h1>Main Section</h1>
    </header>

    <article>
        <h1>Article Title 1</h1>
        <div>Some Content Here</div>
    </article>

    <article>
        <h1>Article Title 2</h1>
        <div>Some Content Here</div>
    </article>

    <article>
        <h1>Article Title 3</h1>
        <div>Some Content Here</div>
    </article>
</section>

<aside>
    <header>
        <h1>Side Bar Heading</h1>
    </header>

    <div>
        <h2>Side Content Title 1</h2>
        <div>Some Content Here</div>
    </div>

    <div>
        <h2>Side Content Title 2</h2>
        <div>Some Content Here</div>
    </div>

    <div>
        <h2>Side Content Title 3</h2>
        <div>Some Content Here</div>
    </div>
</aside>
</body>
</html>
4

2 に答える 2

5

MDNによると:

HTML5のセクションはネストできます。要素によって定義されるメインセクションのほかに、セクション制限は明示的または暗黙的に定義されます。明示的に定義されたセクションは、<body>、<section>、<article>、<aside>、および<nav>タグ内のコンテンツです。

各セクションには、独自の見出し階層を設定できます。したがって、ネストされたセクションでも<h1>を持つことができます。

ですから、あなたがそれを行った方法-あなたの中に1つと<h1>複数を-は適切です。<h2><aside>

于 2018-12-26T21:20:12.317 に答える
-1

<h1>1つのページで複数のを使用するべきではありません。タグは、h主にドキュメントの構造を指示するために使用されます。Webコンテンツアクセシビリティガイドライン(WCAG)2.0標準は、h1タグがページにタイトルを付ける必要がある例を示しています。ほとんどの州(たとえば、イリノイ州)には、アクセシビリティ基準に関する独自の概要があります。イリノイ州の具体的な概要ではh1、ページにはタグが1つだけ存在する必要があり、その内容は<title>タグに類似している必要があります。h1これは議論される可能性があり、おそらく議論されるでしょうが、1つのタグのみを使用し、他の5つのレイヤーを正しくネストすることは意味的に意味があります。

実際、常識は他のhタグを構成する上で大きな役割を果たします。完了したら、「アウトラインモード」でサイトを見ると想像してみてください。それは意味がありますか?

たとえば、サイトのアウトラインを次のようにしたいとします。

Page Title

Content
 - Article
   - Sub-article
 - Article

Sidebar
 - Weather
 - Local News

次に、見出しタグがどのように機能するかを示します。

<header>
  <h1>My News Website</h1>
  <nav></nav>
</header>
<section>
  <article>
    <h2>Article Title</h2>
    <p>Blah Blah Blah.</p>
    <h3>Sub-heading in Article</h3>
    <p>More blah blah blah.</p>
  </article>
  <article>
    <h2>Article Title</h2>
    <p>Blah Blah Blah.</p>
  </article>
</section>
<aside>
  <h2>Weather</h2>
  <p>Weather information.</p>
  <h2>Local News</h2>
  <ul>
    <li>News Item</li>
    <li>News Item</li>
  </ul>
</aside>

同じレベルで必要なものが同じ見出し番号を共有している限り、あなたは正しい方向に進んでいます。文脈上「下」にあることが理にかなっている見出しに関連するものは、見出し番号を1つ増やす必要があります。

最後に、HTLM 5アウトラインを使用して、完成したサイトのアウトラインを表示することができます。ここでそれをチェックしてください:http://gsnedders.html5.org/outliner/

于 2013-02-13T17:37:01.673 に答える