Gunnar Bittersmann: Semantik

Beitrag lesen

@@Matthias Apsel:

nuqneH

[…] entsprechende Spaltenüberschriften, die diese Zuordnung (bereits im Markup!) eindeutig liefern.
Nützlich und äußerst sinnvoll ist das vor allem für Screenreader und andere non-CSS-Besucher: Suchmaschinen.

Suchmaschinen ordnen Werte in Tabellenzellen den Spaltenüberschriften zu? Wirklich?

Ich glaube, für Suchmaschinen müsste man die Zuordnung mit Mikroformaten (RDFa, microdata, …) herstellen – und zwar für jedes Item. Und dabei ist es egal, ob table/tr/td oder ul/li/span verwendet wird.

<ul vocab="http://vocab.example.net/wohnung/>  
  <li typeof="Wohnung">  
    <a property="url" href="http://uedlige.dramatik.ch/media/pdf/Dok1.pdf">  
      <span property="nummer">1.5</span>  
      <span property="etage" >Attika</span>  
      <span property="groesse" >5.5</span>  
      <span property="flaeche">179 m²</span>  
      <span property="terrasse">100 m²</span>  
      <span property="balkon">12 m²</span>  
      <span property="verkaufspreis">750'000.00</span>  
      <span property="status">reserviert</span>  
    </a>  
    <img width="330" height="550" src="http://uedlige.dramatik.ch/media/hoverbox/hoverbild-2.jpg" alt="infobox" />  
  </li>  
</ul>

Wobei Suchmaschinen auch nur dann damit was anfangen können, wenn ihnen das Vokabular bekannt ist. Bei schema.org ist das eher der Fall, bei vocab.example.net/wohnung wohl nicht.

Qapla'

--
„Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)
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