Rolf B: Header neu gestalten

Beitrag lesen

problematische Seite

Hallo marctrix,

Daher habe ich mit deinem Code ein Problem mit dem header im main - das ist nämlich kein sectioning content

Warum muss das so sein? Die von Dir verlinkte Spec sagt:

The header element represents a group of introductory or navigational aids.

A header element is intended to usually contain the section's heading (an h1–h6 element or an hgroup element), but this is not required. The header element can also be used to wrap a section's table of contents, a search form, or any relevant logos.

Heißt doch: niemand verbietet zwei Header, niemand verlangt ein heading-Element in einem header, niemand verlangt, dass ein header nur ganz am Anfang stehen darf.

Ich weiß, das ist spitzfindig. Und dass ein h1 als Navigationsleiste ein Fehler war, habe ich ja auch schon zugegeben.

Vermutlich ist das HTML besser, wenn man das <main> Element tiefer setzt, so dass der große Titel und das h1 Element im Header stehen. Dann ein <nav> mit den Hauptnavigationslinks und dann <main> mit der Kurzerläuterung zum Buch und der Liste mit den Kapitellinks.

Den Link zum Anspringen der Kapitelnavigation nach vorn zu ziehen entsprang bei mir auch der Überlegung, dass viele Seiten einen Skip-Link ganz zu Beginn haben, mit dem man gleich zum Hauptteil kommen kann.

Nicht mehr als Dein Vorschlag?!? Der muss doch auch in alle Seiten eingefügt werden.

Doch, ist mehr. Die aktuelle Site enthält die von Dir vorgeschlagene Info (Volumen und Abspieldauer der Kapitel) nicht. Oder habe ich sie übersehen?

Ich habe heute keine Zeit dafür; ich kann mir ggf. morgen nochmal Gedanken machen, wie ich das, was ich jetzt gelernt habe, in meinen Designvorschlag einbaue.

Rolf

--
sumpsi - posui - clusi
0 76

Header neu gestalten

Holger H.
  • html
  1. 0
    marctrix
    1. 0
      AudioBibel
      1. 0
        Der Martin
        1. 0
          AudioBibel
          1. 0
            Der Martin
            • grafik
            • html
          2. 2
            Rolf B
            1. 0
              marctrix
              1. 0
                Rolf B
              2. 0
                AudioBibel
                1. 0
                  marctrix
                  1. 0
                    Auge
                    • software
                    1. 0
                      AudioBibel
                      1. 1
                        Rolf B
                        1. 0
                          AudioBibel
                          1. 1
                            Rolf B
                            1. 1
                              Der heilige Martin
                              1. 1
                                Rolf B
                            2. 0
                              AudioBibel
                              1. 2
                                Gunnar Bittersmann
                                • html
                                • javascript
                                1. 0
                                  Rolf B
                                  1. 0
                                    marctrix
                                2. 0
                                  kai345
                                  1. 0
                                    Gunnar Bittersmann
                                3. 0
                                  AudioBibel
                            3. 0
                              AudioBibel
                              1. 0
                                marctrix
                                1. 0
                                  Rolf B
                                  1. 0
                                    Gunnar Bittersmann
                                    • barrierefreiheit
                                  2. 0
                                    marctrix
                                    1. 0
                                      Rolf B
                                      1. 0
                                        marctrix
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Auge
                                            • gesellschaft
                                            • sprache
                                            1. 0
                                              Matthias Apsel
                                              • menschelei
                                            2. 0
                                              Der Martin
                                              1. 0
                                                Auge
                                            3. 0
                                              Rolf B
                                              1. 2
                                                AudioBibel
                                                1. 0
                                                  Matthias Apsel
                                                  1. 1
                                                    Der Martin
                                                    1. 0
                                                      Matthias Apsel
                                                      1. 0
                                                        Der Martin
                                                        1. 0
                                                          Matthias Apsel
                                                          1. 0
                                                            Rolf B
                                                            1. 1
                                                              Matthias Apsel
                                                              1. 0
                                                                Rolf B
                                                2. 1
                                                  marctrix
                                          2. 0
                                            marctrix
                                            • humor
                  2. 0
                    AudioBibel
                    1. 0
                      Matthias Apsel
                      1. 0
                        AudioBibel
                        1. 1
                          marctrix
                    2. 0
                      Rolf B
            2. 0
              AudioBibel
              1. 0
                Rolf B
                1. 0
                  AudioBibel
                  1. 0
                    Rolf B
                    1. 0
                      AudioBibel
                      1. 0
                        Rolf B
                        1. 0
                          AudioBibel
                      2. 0
                        marctrix
          3. 0
            Gunnar Bittersmann
            • grafik
  2. 0
    Der heilige Martin
    1. 0
      Rolf B
    2. 0
      Der heilige Martin
    3. 0
      Der heilige Martin
      1. 0
        Tabellenkalk
    4. 0
      MudGuard
      1. 0
        Der heilige Martin
      2. 0
        AudioBibel
    5. 0
      AudioBibel
      1. 0
        marctrix
      2. 0
        marctrix
        1. 0
          Gunnar Bittersmann
          • grafik
          1. 0
            marctrix