Cyx23: Nachteile Tabellenlayout

Beitrag lesen

Hallo Detlef,

Auch hier im Forum begegnet uns häufig die Frage, wie man ein Div-Layout
aufbaut oder man findet in geposteten Quelltexten nur Div-und Span-Suppen
ohne logische Formatierungen.

semantisch richtiges und strukturierendes HTML ist natürlich weitgehend möglich und sinnvoll.
Oft werden aber zusätzliche Divs benötigt, die möglicherweise (ebenso wie Teile des CSS)
auch eine (geringe) semantische Aufgabe erfüllen.

Umgekehrt ist mir unklar wie verlässlich die fehlende semantische Bedeutung von Divs und Span
ist (etwa wenn Rahmen oder Hintergundfarbe nur so dargestellt werden können); zugleich müsste
der Anspruch eines Semantic Web mit dem begleitenden Argument einer besseren Wartbarkeit auch
eine bessere Übersichtlichkeit des HTML auch für Auswertung durch Menschen bedeuten, spätestens
da stören die oft nötigen Container-Divs und die bessere Wartbarkeit ist dann eigentlich auch
nicht mehr gegeben.

Die Struktur sollte die Präsentation bestimmen und nicht umgekehrt.

Die Präsentation wird ja -idealerweise auch vom Autor- meist vor der Veröffentlichung
überprüft. Die Präsentation kann als nichtzufällige Information verstanden werden, die vom
Autor beabsichtigt oder zumindest akzeptiert worden ist, jedenfalls bei der Interpretation
innerhalb des gleichen Kulturkreises.

[...] künstlerische oder ähnliche Zwecke "missbraucht", kann durchaus die
Präsentation der eigentliche Inhalt sein und sich die Struktur dann auch
daraus ergeben.

Dabei ist das m.E. kein Sonderfall sondern findet sich mehr oder weniger stark in den meisten
Projekten.

Navigation und Inhalt stehen in keinem Bezug?

Nicht wirklich, der Inhalt genau dieser Seite hat meist keinen direkten
Bezug zur Navigation. Für Verweise, die direkte Bezüge des Seiteninhalts zu
anderen Seiten herstellen sind Links im Inhalt (z.B. Textlinks) vorgesehen.
Die Navigation ist eher dem gesamten Projekt zugehörig, nicht einem
bestimmten Inhalt der aktuellen Seite, wie die verschiedenen Spalten einer
Tabellenzeile.

Navigation und Inhalt können als so gegensätzlich verstanden werden, dass Frames und
getrennte Dokumente dringend erforderlich sind.

Zugleich bedingen, benötigen sie aber einander, was sich sehr gut in einer zweispaltigen
Tabelle unsetzen lässt, sofern eine Tabelle überhaupt eine semantische Bedeutung hat, und
sofern eine solche vmtl. eher geringe semantische Bedeutung für das "Semantic Web" überhaupt
eine Rolle spielt.

Und anders betrachtet, die normale Einbindung eines Navigationsblocks in ein Dokument im
normalen HTML (statt etwa als <link..) kann auch als semantisch viel unrichtiger betrachtet
werden als die Platzierung der Navigation in einer eigenen Tabellenspalte.

Ein Tableless Layout ohne Frames bedeutet also womöglich nicht nur Layout- oder
Informationsverlust bei nicht berücksichtigten CSS-unfähigen Browsern und dazu oft
Darstellungsprobleme bei über 80% der Browser bis zum IE6, sondern beinhaltet wohl
auch eine semantisch eher falsche Umsetzung der Navigation.

Grüsse

Cyx23

0 120

Nachteile Tabellenlayout

Tim
  • meinung
  1. 0
    Elya
    1. 0
      Tim
      1. 0
        chlori
        1. 0
          dey
          1. 0
            chlori
            1. 0
              Tim
              1. 0
                chlori
                1. 0
                  Tim
                  1. 0
                    chlori
                    1. 0
                      Tim
                      1. 0
                        chlori
                        1. 0
                          Tim
        2. 0
          Tim
          1. 0
            Struppi
            1. 0
              Tim
            2. 0
              at
              1. 0
                Struppi
                1. 0
                  at
                  1. 0
                    Struppi
                    1. 0
                      at
                      1. 0
                        Struppi
                    2. 0
                      Alain
                      1. 0
                        Struppi
        3. 0
          Wilhelm Turtschan
          1. 0
            Struppi
            1. 0
              Wilhelm Turtschan
              1. 0
                Swen Wacker
                1. 0
                  Wilhelm Turtschan
          2. 0
            Tim
            1. 0
              Wilhelm Turtschan
              1. 0
                Struppi
          3. 0
            Ingo Turski
            1. 0
              Wilhelm Turtschan
          4. 0
            chlori
            1. 0
              Tim
              1. 0
                Struppi
          5. 0
            at
        4. 0
          molily
          1. 0
            Ingo Turski
            1. 0
              molily
              1. 0
                Ingo Turski
              2. 0
                at
          2. 0
            chlori
            1. 0
              molily
            2. 0
              Ingo Turski
      2. 0
        Elya
        1. 0
          at
    2. 0
      Chräcker Heller
      1. 0
        at
  2. 0
    chlori
  3. 0
    Struppi
    1. 0
      at
      1. 0
        Struppi
        1. 0
          at
          1. 0
            Struppi
            1. 0
              at
            2. 0
              Cyx23
              1. 0
                at
                1. 0
                  Cyx23
                  1. 0
                    at
            3. 0
              Andreas-Lindig
      2. 0
        Schuer
        1. 0
          Struppi
          1. 0
            Schuer
            1. 0
              at
  4. 0
    Mitch
    1. 0
      Avalon
      1. 0
        Tim
      2. 0
        Wilhelm Turtschan
        1. 0
          Avalon
          1. 0
            at
      3. 0
        chlori
        1. 0
          Avalon
          1. 0
            chlori
            1. 0
              Avalon
              1. 0
                at
                1. 0
                  Avalon
                  1. 0
                    at
                    1. 0
                      Avalon
                      1. 0
                        at
                        1. 0
                          Avalon
                          1. 0
                            at
                  2. 0
                    Schuer
          2. 0
            at
  5. 0
    Cyx23
    1. 0
      Tim
      1. 0
        Cyx23
        1. 0
          Tim
          1. 0
            Elya
            1. 0
              Tim
          2. 0
            chlori
            1. 0
              at
          3. 0
            Cyx23
            1. 0
              chlori
              1. 0
                Cyx23
            2. 0
              Tim
              1. 0
                Cyx23
      2. 0
        Andreas-Lindig
        1. 0
          at
          1. 0
            Andreas-Lindig
  6. 0
    Elya
    1. 0
      Stefan Muenz
      1. 0
        Elya
        1. 0
          Cyx23
          1. 0
            Elya
            1. 0
              Cyx23
              1. 0
                Elya
                1. 0
                  at
                  1. 0
                    Elya
                    1. 0
                      at
                      1. 0
                        Elya
                        1. 0
                          at
                    2. 0
                      Detlef G.
                      1. 0
                        Elya
                        1. 0
                          Detlef G.
                          1. 0
                            Cyx23
                    3. 0
                      Ingo Turski
                    4. 0
                      Cyx23
      2. 0
        Christian Seiler