html5: Kopf- oder Fußzeilentag zweimal verwenden?

77

kurze Frage: Darf das Header-Tag tatsächlich zweimal verwendet werden? Beispiel: Ich habe zwei wichtige Kopfabschnitte in meiner header.php, in denen beide ein Header-Tag haben könnten.

html header semantics

— matt
quelle

91

Ja, aber mit einem Haken. In den W3-Dokumenten wird angegeben, dass die Tags die Kopf- und Fußzeilenbereiche ihres nächsten Vorfahrenabschnitts darstellen. Ich würde empfehlen, so viele zu haben, wie Sie möchten, aber jeweils nur 1 für jeden "Abschnitt" Ihrer Seite, dh Körper, Abschnitt usw.

Von W3

Ein Header-Element soll normalerweise die Überschrift des Abschnitts enthalten (ein h1-h6-Element oder ein hgroup-Element), dies ist jedoch nicht erforderlich. Das Header-Element kann auch verwendet werden, um das Inhaltsverzeichnis eines Abschnitts, ein Suchformular oder relevante Logos zu verpacken.

=========================

Das Fußzeilenelement repräsentiert eine Fußzeile für den Inhalt des nächsten Vorfahren oder das Stammelement. Eine Fußzeile enthält normalerweise Informationen zu ihrem Abschnitt, z. B. wer sie geschrieben hat, Links zu verwandten Dokumenten, Copyright-Daten und dergleichen.

Hier finden Sie Links zu den jeweiligen Standarddokumentationen: Kopf- und Fußzeile

— linusthe3rd
quelle

3

Ich stimme Ihrem Fang nicht zu. Es ist immer noch gültig (und kann auch sinnvoll sein), mehrere headerElemente in einem Abschnittsinhalt / Stammelement zu haben.

— Unor

Was ist mit verschachtelten Abschnitten und (daher) verschachtelten Headern in Abschnitten?

<section>   <header><h1>...<h1></header>     <section class="subsection">       <header class="subsection-header"><h2>...</h2>       </header>     </section>   </section>

— Cyril Duchon-Doris

@ Cyril Duchon-Doris, Nein, ein <header>Element kann kein Nachkomme eines anderen <header>Elements sein. "Zulässige übergeordnete Elemente: Jedes Element, das Flow-Inhalte akzeptiert. Beachten Sie, dass ein <header> -Element kein Nachkomme eines <address>, <footer> oder eines anderen <header> -Elements sein darf." - developer.mozilla.org/en-US/docs/Web/HTML/Element/header

— Daniel Tonon

2

Zu Ihrer Information gibt es 5 Arten von „Schnitten“ Elementen: <body>, <nav>, <section>, <article>, und <aside>. Jedem Schnittelement können nur ein <header>und ein Element <footer>zugeordnet sein. Es ist nicht sinnvoll, dass ein Abschnitt mehr als eine Kopf- oder Fußzeile enthält.

— Daniel Tonon

@DanielTonon 1. <body>ist laut dieser Seite KEIN Abschnittselement . 2. Sofern nicht ausdrücklich dokumentiert ist, dass nur ein und ein Element pro Abschnittselement zulässig ist, ist dies nur Ihre Meinung. Bitte geben Sie nicht an, dass dies eine Regel ist. <header><footer>

— Funktion7

10

Ja, Sie können dank der w3c-Dokumentation mehrere headerElemente in Ihren Dokumenten verwenden :

Ein Header-Element soll normalerweise die Überschrift des Abschnitts enthalten (ein h1-h6-Element oder ein hgroup-Element), dies ist jedoch nicht erforderlich. Das Header-Element kann auch verwendet werden, um das Inhaltsverzeichnis eines Abschnitts, ein Suchformular oder relevante Logos zu verpacken.

Stellen Sie jedoch sicher, dass es semantisch korrekt ist.

— Marcus Whybrow
quelle

3

Es gibt keine Strafe für die Verwendung von zwei Header-Tags, aber stellen Sie sicher, dass dies sinnvoll ist.

Viel Spaß beim Codieren!

— Horia Dragomir
quelle

2

Das <header>wird verwendet, um die Überschrift von z. B. Artikeln in Zeitungen zu markieren. Wenn Sie also mehrere Artikel haben, können Sie mehrere verwenden <header>.

Es ist wie mit mehreren <h1>. Dies ist nur in besonderen Fällen sinnvoll.

— Floern
quelle

1

In einigen Situationen ist es möglich, zwei <header>in Single <article>/ <section>so zu setzen, also warum nicht.

 <article>

      <!-- Feature Image on the LEFT -->
      <div class="position-left">
         ...featrue image...
        <header>
        ...H1 title ...  
        </header>
      </div>

      <!-- Content on the RIGHT with subtitle, date, etc -->
      <div class="position-right">
        <header>
          ..date, sub-title, etc...
        </header>
        ...content...
        <footer>..</footer>
      </div>

    </article>

— iMarshal
quelle

1

Warum würdest du diese <div>s <article>s oder <section>s dann nicht machen ?

— Volper

-2

Sie können <header>sicher zwei Tags in Ihr Dokument einfügen. Semantisch ist es jedoch falsch. Warum nicht ein <header>Tag und ein anderes Tag darin verwenden?

— Scott M.
quelle

1

Wenn ich das mache, würde die Kopfzeile alle meine Abschnitte englobe, >> Ich glaube nicht, dass wir das wollen ...;) Sie können eine Kopfzeile und eine Fußzeile pro Abschnitt haben.

— user1855153