marctrix: Eine frage an die Profis...

Beitrag lesen

Hej Rolf,

Ein Plus und eine Anmerkung:

Etwas anderes möchte ich auch noch schreiben: Du sagst, du verwendest div. Das kann man mit HTML 5 besser machen. Für den Kopf der Seite gibt es das <header> Element, für Navigation gibt es <nav>, für eine Spalte am Rand <aside>.

aside dient zur Aufnahme von weiterführenden Inhalten, die nicht unbedingt an der Seite stehen müssen. Oft packt man solche Inhalte aber in eine Seitenleiste.

Und für den Hauptteil <main>. Der Fuß der Seite ist <footer>. Diese Elemente verhalten sich genau so wie <div>, aber man weiß besser, was gemeint ist. Unser Wiki hat einen Artikel dazu.

Die Elemente verhalten sich nciht wie div-Elemente, sie sehen aber so aus, weil sie standardmäßig wie div als Blockelemente dargestellt werden.

Ihnen wohnt aber nicht nur eine andere Semnatik inne, diese wird auch von z.B. Screenreadern ausgewertet und verhalten sich dort auch anders. So ist ein main ein Element. das sich sich direkt mit der Taste m anspringen lässt.

Dein Hinweis, dass der Code besser lesbar wird, ist natürlich schon ein ausreichender Grund, die Elemente korrekt zu verwenden.

Keine Kritik also, nur eine kleine Ergänzung…

Marc

0 83

Eine frage an die Profis...

liberwinter
  • css
  • design/layout
  • html
  1. 2
    Rolf B
    1. 0
      liberwinter
      1. 1
        Rolf B
        1. 0
          liebewinter
          1. 0

            Der Div element ist nicht Leer

            liebewinter
            1. 0
              Rolf B
              1. 0
                Gunnar Bittersmann
                • css
                • design/layout
                • grid
          2. 0
            Rolf B
            1. 1
              Gunnar Bittersmann
              1. 0
                Rolf B
                1. 0
                  Gunnar Bittersmann
            2. 0
              liebewinter
    2. 1
      Gunnar Bittersmann
      • html
      1. 0
        Rolf B
        1. 0
          Gunnar Bittersmann
          1. 0
            Rolf B
    3. 0
      marctrix
      1. 1
        Gunnar Bittersmann
        1. 1
          Tabellenkalk
          • menschelei
          • sonstiges
  2. 1
    marctrix
    1. 0

      @Marc

      liebewinter
      1. 0
        marctrix
        1. 0
          liebewinter
          1. 0
            marctrix
            1. 0
              liebewinter
              1. 1
                Rolf B
                1. 0
                  liebewinter
                  1. 0
                    marctrix
                    1. 0
                      liebewinter
                      1. 0
                        marctrix
                        1. 0
                          liebewinter
                          1. 0
                            marctrix
                            1. 1
                              MudGuard
                              1. 0
                                marctrix
                            2. 1
                              Rolf B
                              1. 0
                                marctrix
                              2. 1
                                Gunnar Bittersmann
                                1. 0
                                  Rolf B
                                  1. 0
                                    JürgenB
                              3. 0
                                liebewinter
                            3. 0
                              liebewinter
                              1. 0
                                marctrix
                                1. 0
                                  liebewinter
                                  1. 1
                                    Tabellenkalk
                                    1. 0
                                      liebewinter
                                      1. 0
                                        marctrix
                                        1. 1
                                          liebewinter
                                          1. 0
                                            marctrix
                                          2. 0
                                            Tabellenkalk
                                            • design/layout
                                            • recht
                                            1. 1
                                              Gunnar Bittersmann
                                              1. 0

                                                OT: Menschenrechte

                                                Tabellenkalk
                                                • recht
                                                • sonstiges
                                              2. 0
                                                Matthias Apsel
                                                • recht
                                      2. 1
                                        Rolf B
                                        1. 0
                                          liebewinter
                                          1. 1
                                            Rolf B
                                            1. 1
                                              liebewinter
                                              1. 0
                                                marctrix
                                                1. 0
                                                  liebewinter
                                          2. 0
                                            marctrix
                                            1. 0
                                              Rolf B
                                            2. 0
                                              liebewinter
                                              1. 0
                                                marctrix
                                              2. 0
                                                Rolf B
                                                1. 0
                                                  liebewinter
                                                  1. 0
                                                    marctrix
                                                    1. 0
                                                      liebewinter
                                                  2. 0
                                                    Rolf B
                                                    1. 0
                                                      Gunnar Bittersmann
                                                2. 0
                                                  liebewinter
                            4. 0
                              liebewinter
                              1. 0
                                marctrix
                                1. 0
                                  liebewinter
                                  1. 1
                                    Tabellenkalk
                                    1. 0
                                      marctrix
                                      1. 0
                                        Tabellenkalk
                                        1. 0
                                          marctrix
                                      2. 0
                                        liebewinter
                            5. 0
                              liebewinter
    2. 1
      Gunnar Bittersmann
      • css
      • design/layout
      1. 0
        marctrix
        1. 0
          Gunnar Bittersmann
          1. 1
            marctrix