2

この質問は見つかりませんでした。すでにここにある場合は、遠慮なく閉じてください。

タイトルをHTMLで設定するためのお気に入りの方法は何ですか?

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<div id="section1">
  <h1> Section 1 </h1>
  <h2> Subtitle </h2>
</div>
<div id="section2">
  <h1> Section 2 </h1>
  <h2> Subtitle </h2>
</div>

また

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<div id="section1">
  <h3> Section 1 </h3>
  <h4> Subtitle </h4>
</div>
<div id="section2">
  <h3> Section 2 </h3>
  <h4> Subtitle </h4>
</div>

...上から注文すること、またはページの異なるセクション(/ container / sidebar / whatever)であるすべての部分でH1から開始することを意味します。

そこには他の慣習もあります。それで、あなたはどちらが好きですか?あなたはそれをさらに違ったやり方で行いますか?もしそうなら、どのように?そこにベストプラクティスはありますか?これはSEOに影響を与えますか?最もセマンティックなのはどれですか?


編集:ここの人々は2番目の解決策に同意しているようです。これも私の意見ですが、この質問につながる問題があります。主要部分にh3を配置したい場合はどうなりますか?

<h1> Main Part </h1>
<h2> In here there are many sections</h2>
<h3> Something else </h3>
<div id="section1">
  <h3> Section 1 </h3>
  <h4> Subtitle </h4>
</div>
<div id="section2">
  <h3> Section 2 </h3>
  <h4> Subtitle </h4>
</div>

すべてのセクションを書き直す必要がありますか?これはウェブサイト全体である可能性があります!セクションに含まれる字幕の数を正確に知ることは、多くの場合かなり困難です。

セクションは、サイドバーか、ページ上の別の場所にあるまったく異なるものである可能性があることに注意してください。

4

4 に答える 4

12

ドキュメントごとにH1要素を1つだけ持つべきだと思いますが、これがルールかどうかはわかりません。しかし、それは私が従う傾向があるものです。

したがって、私はあなたが提供した2番目の例に投票します。複数のH1要素よりも、複数のH3/H4などの要素を持つ方が論理的です。これは、より良い方法で伝えようとしている階層を意味します。

于 2009-07-08T15:27:38.480 に答える
3

私がh1-h2、h1-h2スタイルではなくh1-h4アプローチを使用する傾向がある主な理由は、CSSでのフォーマットをより細かく制御できるようになるためです。H1とH3を同じように見せたい場合は、そのようにスタイルを設定します。

HTMLはドキュメントの構造を反映している必要があり、H3とH4がより高いレベルのサブトピックであることを意味しているように見えます。したがって、そのようにコーディングし、CSSを使用して実際の外観を制御します。

編集:HTML4では選択肢がほとんどありませんが、HTML5ではセクションタグを使用できます。ここでの利点は、タグ自体に埋め込まれているセクションのレベルに関する情報がないことです。クラス属性を使用してセクション名を設定します。新しいクラス属性を定義することで(そして、さまざまなセクションクラスに対応するCSSをやり直すことで)、新しいレベルを簡単に挿入できます。

または(HTML4を使用して)、コンテンツをXMLまたはデータベースに入れてから、テンプレート付きの言語を使用してHタグを動的に生成することを検討してください。レベルを追加する必要がある場合は、テンプレートコードを一度変更できます。

于 2009-07-08T15:29:56.807 に答える
0

特定のヘッダーセクションは、ページ全体で同じ重みを持つ必要があります。左の列にh2があり、右の列にh2がある場合、これら2つの要素の重みは同じである必要があります。したがって、それがどこにあるか、またはそれがどのセクションdivにあるかは問題ではなく、意味的にどれほど重要であるかは問題ではありません。

また、h1を1つだけ持つことを好みます。SEOに関しては、特定のヘッダータグは以前ほど重要ではありません。

于 2009-07-08T15:29:38.990 に答える
0

ちょうど、ドキュメントのアウトラインを作成したようなものです。

A. メインパート1. 多く の
セクション
セクション 1
1a. サブタイトル
B. セクション 2
1b. 字幕

アウトラインの各項目の重要度は異なり、より重要な項目はより目立つようにする必要があります。そのため、ヘッダーを指定する場合は意味があり、重要度の各レベルに独自のヘッダー サイズを設定する必要があります。だから私はあなたの2番目の答えが好きです。各タイプのタイトルに独自のヘッダー サイズを与えることで、見た目がすっきりし、連続したスタイルが可能になります。これにより、読者も読みやすくなります。

于 2009-07-08T15:46:48.893 に答える