Matthias Apsel: Semantik

Beitrag lesen

Om nah hoo pez nyeetz, Gunther!

IMHO würde es sich primär um tabellarische Daten handeln, wenn es bspw. um einen Bezug der jeweiligen Daten einer Spalte untereinander handeln würde - tut es aber nicht.

Weil im Original beispielsweise die Preise alle untereinander standen.

Demnach wäre bspw. auch eine Darstellung in der Form:

Whg-Nr.: 1.5
Etage: Attika
  Grösse: 5.5
  Fläche: 179 qm
  ...

Whg-Nr.: 1.5
  Etage: Attika
  Grösse: 5.5
  Fläche: 179 qm
  ...[/code]

denkbar/ möglich.

Ja. aber dann nicht

<li>  
  <span>Whg-Nr.</span>  
  <span>Etage</span>  
  <span>Größe</span>  
  <span>Fläche</span>  
</li>  
<li>  
  <span>1.5</span>  
  <span>Attika</span>  
  <span>5.5</span>  
  <span>179 m²</span>  
</li>

sondern

<dl>  
  <dt>Whg-Nr.</dt>  
  <dd>1.5</dd>  
  ...  
</dl>

und das für jede Wohnung, meinetwegen in einer ul

Dasselbe "System" findest du doch im Prinzip auch bei jedem Drop-Down Menü und da käme auch keiner (jedenfalls kein "normaler" Mensch) auf die Idee, das als Tabelle auszuzeichnen.

Nein, ein Menü ist eher eine baumartige Struktur.

Was ich damit sagen will ist, dass nicht "automatisch" alle Daten, deren geeignetste visuelle Darstellung eine tabellarische Darstellung ist, deshalb auch tabellarische Daten im semantischen Sinn sein müssen!

Was es _ist_, nicht was es _sein soll_

Kümmere dich beim HTML _ausschließlich_ um die Inhalte. Überlege nicht, wie es aussehen soll.

Bei einer Struktur

<article>  
  <h1>...</h1>  
  <p>...<a>...</a></p>  
</article>  

würdest du das doch auch machen.

Ziel eines Markups ist es, unabhängig von CSS eine inhaltlich gebundene Darstellung zu erreichen. Bedenke, dass theoretisch aber auch praktisch, deine CSS-Vorgaben allerhöchstens empfehlenden Charakter haben.

Jeder User kann
* das CSS deaktivieren
* besondere Farbkontraste einstellen
* Mindestschriftgrößen verwenden
* User-Stylesheets verwenden

Matthias

--
1/z ist kein Blatt Papier.

0 49

Tabellenzeile soll bei hover eine infobox anzeigen

theatermacher
  • css
  1. 0
    Matthias Apsel
    1. 0
      theatermacher
      1. 0
        Gunther
      2. 0
        Gunnar Bittersmann
        1. 0
          theatermacher
          1. 0
            Gunther
            1. 0
              theatermacher
              1. 1
                Matthias Apsel
                1. 0
                  theatermacher
                  1. 0
                    Der Martin
                    1. 0
                      theatermacher
                      1. 0
                        Gunther
                        1. 0
                          theatermacher
                          1. 0
                            Matthias Apsel
                            1. 0

                              Semantik

                              Gunther
                              • html
                              1. 2
                                Matthias Apsel
                                1. 0
                                  Gunther
                                  1. 0
                                    Matthias Apsel
                                    1. 0
                                      Gunther
                                      1. 1
                                        Der Martin
                                        1. 0
                                          Gunther
                                          1. 0
                                            Matthias Apsel
                                            1. 0
                                              Gunther
                                              1. 0

                                                Link über ganze Tabellenzeile

                                                Matthias Apsel
                                                1. 0

                                                  Link über ganze Tabellenzeile auch für alte Browser

                                                  Matthias Apsel
                                                  1. 0

                                                    Responsive Design

                                                    Gunther
                                                    • design/layout
                                                    1. 0
                                                      Matthias Apsel
                                                      1. 0
                                                        Gunther
                                                        1. 0
                                                          Matthias Apsel
                                                          1. 0
                                                            Gunther
                                                            1. 0

                                                              Das letzte Wort

                                                              Matthias Apsel
                                                              • menschelei
                                      2. 0
                                        Matthias Apsel
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Matthias Apsel
                                  2. 0
                                    Kai345
                                    1. 0
                                      Gunther
                                      1. 0

                                        Zugänglichkeit

                                        Matthias Apsel
                                2. 0
                                  Gunnar Bittersmann
                    2. 0
                      Matthias Apsel
                    3. 0
                      Gunnar Bittersmann
                      1. 0
                        Matthias Apsel
                      2. 0
                        Der Martin
                  2. 0
                    Matthias Apsel
                    1. 0
                      Matthias Apsel
        2. 1
          Kai345
          1. 0
            Gunnar Bittersmann
            1. 0
              Matthias Apsel
            2. 1
              Kai345