Auge: HTML Elemente

Beitrag lesen

Hallo

Sieht gut aus, nach dem nu-Validator braucht section eine Überschrift, das erreichst Du, indem Du den header vielleicht in h1 oder h2 umbenennst. h2 darf ja auch Bilder enthalten.

… wie auch h1, h3, h4, etc. pp.

Wenn Du im header eine h1 hast, muss article eine h2 bekommen, sonst passt es so.

Ja, aber warum sollte jeder Artikel sowohl h1 als auch, direkt darauf folgend, h2 haben?

Wenn die Seite selbst eine h1 als Titel hat, sollte die Überschrift/der Titel eines jeden Artikels eine h2 sein. Dies unbelassen der Diskussion, ob es nicht besser nur noch ein Element für Überschriften gäbe und sich die Struktur durch die bestimmt überall konsequent erfolgende Strukturierung des Dokuments mit den passenden Elementen erfolgen würde.

Apropos Strukturierung. Bisher habe ich in Beschreibungen immer folgenden Aufbau gesehen, was nicht heißt, dass es nicht anders ginge. Vielleicht ergeben sich da noch andere Sichtweisen.

Meine Schlussfolgerung aus den Beschreibungen, die ich gelesen habe, war, dass entweder Article benutzt wird und Section dann Kind von Article ist oder, dass Section allein benutzt wird.

Also

<header>  
 <h1></h1>  
</header>  
<main role="main">  
 <article>  
  <section>  
   <h2></h2>  
  </section>  
  <section>  
   <h2></h2>  
  </section>  
 </article>  
 <article><!-- oder -->  
  <h2></h2>  
  <section>  
   <h3></h3>  
  </section>  
  <section>  
   <h3></h3>  
  </section>  
  <section>  
   <h3></h3>  
  </section>  
 </article>  
</main>

oder

<header>  
 <h1></h1>  
</header>  
<main role="main">  
 <section>  
  <h2></h2>  
 </section>  
 <section>  
  <h2></h2>  
 </section>  
 <section>  
  <h2></h2>  
 </section>  
 <section>  
  <h2></h2>  
 </section>  
</main>

Gibt es dafür feste Regeln?

Und zu guter Letzt, beim Element <picture> sollte man beachten, dass es momentan nur mit Chrome und Opera funktioniert. Zudem ist es nicht sinnvoll angewendet, wenn es nur das Element <img> beïnhaltet. Dann kann es auch weggelassen werden. Sinnvoll ist es in Kombination mit <source>, damit man für verschiedene Auflösungen verschiedene Bilder referenzieren.

Tschö, Auge

--
Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
Terry Pratchett, "Wachen! Wachen!"
ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
Veranstaltungsdatenbank Vdb 0.3
0 44

Schriftgröße auf Mobilen Geräten

HTML Anfänger
  • css
  1. 0
    Gunnar Bittersmann
    1. 0
      HTML Anfänger
      1. 0
        Matthias Apsel
        1. 1

          Internetbenutzer sind zart wie eine Mimose!

          Erwin
          1. 0
            HTML Anfänger
            1. 1
              Der Martin
              1. 0
                Mitleser
              2. 0
                Gunnar Bittersmann
      2. 0
        Gunnar Bittersmann
    2. 0
      ralphi
      1. 0
        Gunnar Bittersmann
        1. 0
          ralphi
          1. 0
            Gunnar Bittersmann
        2. 0
          MudGuard
  2. 0

    HTML Elemente

    HTML Anfänger
    • html
    1. 0
      Matthias Scharwies
      1. 0
        Auge
      2. 0

        Hier nochmals dein HTML Entwurf von mir

        HTML Anfänger
  3. 0

    Meine erste HTML und CSS Seite - Bitte um Bewertgung

    HTML Anfänger
    1. 0
      Matthias Apsel
      1. 0
        HTML Anfänger
        1. 0
          Matthias Apsel
          1. 0
            Matthias Apsel
            1. 0

              Neue Navigation

              HTML Anfänger
          2. 0
            HTML Anfänger
            1. 0
              Auge
      2. 0
        Gunther
        1. 0
          HTML Anfänger
          1. 0
            Gunther
            1. 0
              HTML Anfänger
  4. 0

    Rechte Box immer oben anordnen

    HTML Anfänger
    1. 0
      Matthias Apsel
      1. 0
        HTML Anfänger
        1. 0
          Matthias Apsel
          1. 0
            HTML Anfänger
            1. 0
              Matthias Apsel
              1. 0

                Navigation

                HTML Anfänger
  5. 0

    Font Awesome Icons

    HTML Anfänger
    1. 0
      Matthias Apsel
      1. 0
        HTML Anfänger
        1. 0

          erledigt - Font Awesome Icons

          HTML Anfänger
  6. 0

    Ist die Schrift zu groß?

    HTML Anfänger
    1. 0
      Auge