So bestellen Sie Ihren Titel-Tags

Question

Ich habe diese Frage nicht gefunden wird, fühlen Sie sich frei zu schließen, wenn es bereits ist hier oben.

Was ist Ihr Liebling Möglichkeit, Ihre Titel in HTML zu setzen?

<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>

oder

<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>

... was bedeutet, Bestellung von oben, oder in jedem Teil der Seite von H1 beginnend ein anderen Abschnitt (/ Behälter / Kasten / was auch immer).

Darüber hinaus gibt es da draußen andere pratices. Also die man bevorzugen Sie? Haben Sie es tun, auch anders, und wenn ja, wie? Gibt es eine bewährte Methode, da draußen? Ist das aufprall SEO? Welches ist die semantische?

---

Bearbeiten : Es scheint, dass die Menschen hier auf der zweiten Lösung zustimmen. Dies ist meine Meinung nach auch, aber hier ist das Problem, das mich zu dieser Frage führen: Was, wenn ich einen h3 im Hauptteil setzen will

<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>

Muss ich alle Abschnitte neu zu schreiben? Dies könnte eine gesamte Website sein! Es ist oft ziemlich schwer, genau zu wissen, wie viele Untertitel Sie in einem Abschnitt haben werden.

Beachten Sie, dass die Abschnitte Sidebars sein könnten oder etwas suchen, ganz anders und woanders auf der Seite.

Answer 1

Ich glaube, nur ein H1-Element pro Dokument haben sollte, aber ich bin mir nicht sicher, ob dies eine Regel. Allerdings ist es etwas, das ich neige dazu, zu folgen.

So ich wählen Sie für das zweite Beispiel, das Sie zur Verfügung gestellt, ist es logischer mehrere H3 / H4 zu haben usw. Elemente als mehrere H1-Elemente. Dies bedeutet, die Hierarchie, die Sie in einer besseren Art und Weise zu vermitteln versuchen.

Answer 2

Der Hauptgrund, warum ich dazu neigen würde, den h1-h4 Ansatz zu verwenden, anstatt h1-h2, h1-h2-Stil ist, dass ich mehr Kontrolle über die Formatierung in CSS gewinnen. Wenn Sie H1 und H3 wollen gleich aussehen, so dass sie nur so stylen.

Ihre HTML sollte die Struktur reflektieren des Dokuments, und es scheint, dass Sie für H3 und H4 bedeuten untergeordneten Themen auf den höheren Ebenen zu sein. So ist es Code, die Art und Weise ... und CSS verwenden, um Ihre tatsächliche Aussehen Kontrolle zu bringen.

EDIT: Sie haben kaum eine andere Wahl in HTML4, aber mit HTML5 können Sie verwenden Section -Tags. Der Vorteil hierbei ist, dass es keine Informationen über die Höhe des Abschnitts in dem Tag selbst eingebettet. Verwenden Sie Klassenattribute Ihre Abschnittsnamen zu setzen und Sie können eine neue Ebene leicht einfügen, indem Sie die neue Klasse Attribut definieren (und vielleicht auch die CSS redoing die mit den verschiedenen Klassen Abschnitt geht).

Alternativ (mit HTML4 aufhalten), sollten Sie Ihre Inhalte in XML oder eine Datenbank mit und dann eine Sprache mit Vorlagen verwenden, um die H-Tags dynamisch zu generieren. Wenn Sie eine Ebene hinzufügen müssen, können Sie dann ändern Sie Ihre Template-Code einmal.

Answer 3

Spezielle Kopfabschnitte sollten das gleiche Gewicht auf der ganzen Seite haben. Wenn etwas ist eine h2 in der linken Spalte und etwas ist eine h2 in der rechten Spalte, sollten diese beiden Elemente von gleichem Gewicht sein. So spielt es keine Rolle, wo es ist oder was Abschnitt div es in ist, wie wichtig es ist semantisch.

Ich ziehe es auch nur eine einzige h1 haben. Soweit SEO, bestimmte Header-Tags sind nicht so wichtig wie früher.

Answer 4

Ich denke, ein guter Weg, um es zu betrachten ist wie, wenn Sie für Ihr Dokument aus einem Überblick hatten.

A. Haupt Part       1. Viele Abschnitte
         ein. Abschnitt 1 |              1a. Untertitel
b. Abschnitt 2
1b. Untertitel

Jedes Element in der Gliederung wird eine andere Ebene der Bedeutung haben und wichtigere Dinge sollten stärker spürbar sein. Also, wenn es um etwas Header kommt, sollen sie Sinn machen und jede Ebene von Bedeutung sollte ihre eigene Header-Größe hat. Das ist, warum ich Ihre zweite Antwort besser gefällt. jede Art von Titel seiner eigenen Kopfgröße mit Angabe wird es für eine saubere Optik ermöglichen und für einen kontinuierlichen Stil ermöglichen. Dies wird auch für den Leser erleichtern.