3

HTML 見出しの正しい使い方を理解できません。書籍やオンライン リソースを使用して自己学習していますが、それらの使用方法には若干の相違があります。

  1. このh1タグは、ページのメインの見出しとして 1 回だけ使用されることに注意してください。h2ただし、 toh6は必要に応じて何度でも使用できますが、意図したとおりに常に順番に使用する必要があります。たとえば、 は のh4小見出しでh3ある必要があり、これは の小見出しである必要がありh2ます。
  2. 論理的な見出しレベルは、メイン コンテンツとの関係での重要性を反映しています。

質問は次のとおりです。

h4サブヘディングがサブヘディングでh3ある必要がある場所などの順序でそれらを使用するh2か、メインコンテンツとの関係での重要性に応じてヘディングレベルを使用しますか?

ただし、両方の方法が使用されているのを見てきました。ただし、2 番目の方法では、ドキュメントのアウトラインが乱れます。これについて他の意見を聞きたいだけです。

4

7 に答える 7

7

HTML5 の場合:

  1. ドキュメントのアウトラインを決定します。
  2. このアウトラインを実現するには、見出し要素 ( h1- h6)とセクション コンテンツ要素 ( section、article、aside、nav)を使用します。

あなたが引用した両方のステートメントは正しくないか、完全ではありません:

  • [1] について:h1ドキュメントごとに 1 回だけ使用する必要はありません (また、「メインの見出し」に使用する必要はありません)。
  • [2] について: 仕様では見出しのランクが定義されていますが、必ずしも重要度である必要はありません。

セクショニング コンテンツ要素で常にセクションをラップする場合 (仕様ではこれを行うことが推奨されています)、すべてのセクションに最大で 1 つの見出しがあり、どの見出しランクを選択しても問題ありませんが、次のようになります。

[…] 作成者はh1、要素のみを使用するか、セクションのネスト レベルに適したランクの要素を使用することを強くお勧めします

必要に応じてコンテンツ要素のセクション化を常に使用するとは限らず、セクションに複数の見出しがある場合、見出しレベルをスキップする (または「重要性」を指定するためにそれらを使用する) と、アウトラインが正しくなくなる可能性があります。

于 2014-02-08T02:16:32.030 に答える
0

経験則: CSS がなくても見栄えが良ければ問題ありません。もちろん、リッチ コンテンツはスタイリングなしでは機能しませんが、CSS なしで可能な限り見栄えを良くするよう努めてください。

フォントサイズのレベル間の主な違い。何もしない限り、何をしても大丈夫なはずです

<h6>Page heading</h6>
<h5>Section heading</h5>
<h4>Subsection heading</h4>

またはそのような奇妙なもの。h1は最大かつ最も重要であると想定されており、適切にスタイルを設定すればh6(または他の何か、たとえば<bigheading></bigheading>(はい、CSS はどのタグでも機能します)) 動作する可能性がありますが、推奨されておらず、意味的にも正しくありません。

于 2014-02-08T02:16:22.683 に答える
-1

HTML H1.....H6SEO を行っていない限り、見出しを使用する順序を気にする必要はありません。H1 ただし、最初に見出しを使用することをお勧めしますが、一般的には任意の順序で使用できます。

この下の順序は、特定の順序でそれらを表示するだけです。

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

これは、SnoopCode http://www.snoopcode.com/html/html-headingsからの優れたリファレンスとその使用方法です。

于 2015-10-16T10:34:52.060 に答える