Ich möchte eine Seite mit Fragen und Antworten erstellen.
Es ist keine Liste, es sind keine Tabellendaten und ich bin mir nicht sicher, ob oder wie ich es verwenden soll <dl><dt><dd>.
Was ist der beste semantische Weg, um es zu erstellen und mit CSS zu formatieren?
Ich verwende immer
bearbeiten…
Ich sollte erwähnen, dass dies meine Interpretation des semantischsten Ansatzes ist. Aus meiner Sicht ist dies genau das, was
CSS ist wirklich subjektiv. Ich mache typische Überschriftenstile für
Was auch immer sich gut mit dem Rest Ihrer Visuals auf der Website integriert und die Beziehung zwischen Frage und Antwort sofort offensichtlich macht ….
Ich würde mit dem einfachsten Modell gehen; Jede Frage hat eine Überschrift mit Antworten in Absatz-Tags. Klar, logisch und semantisch vernünftig, denke ich.
Der Grund, warum ich die erwähnten Definitionslisten-Tags nicht verwenden würde, ist, dass ich aus rein semantischer Sicht nicht denke, dass Fragen und Antworten in die Form reiner Begriffe und Definitionen passen.
Ein Artikel aus 24ways von 2007 befasst sich mit der semantischen Verwendung von DL. Es schafft es, diese spezifische Situation zu vermeiden, ist aber immer noch relevant. 24ways.org/2007/my-other-christmas-present-is-a-definition-list
– Christoph Swasey
4. Februar 2009 um 23:41 Uhr
Interessante Lektüre und eine interessante Seite; Danke für den Link.
– Rauben
4. Februar 2009 um 23:53 Uhr
Was ist das Schlimmste, was passieren kann (ernsthafte Frage) bei der Verwendung von Definitionslisten? wird google verwirrt / werden screenreader verwirrt? Mir ist klar, dass es nicht perfekt zusammenpasst, aber ich sehe keine bessere Alternative
– Simon_Weaver
4. Februar 2013 um 23:01 Uhr
Definitionslisten haben jetzt dank HTML5 eine neue Rolle: Sie heißen stattdessen „Beschreibungs“-Listen und können für beliebige Name/Wert-Kombinationen verwendet werden. html5doctor.com/the-dl-element
– Paul d’Aoust
28. Februar 2014 um 20:14 Uhr
Eines der frustrierenden Dinge an der Semantik ist, dass es manchmal keine richtige oder falsche Antwort gibt.
<dl>ist angemessen (dank seiner neue Bedeutung in HTML5), Überschriften und Absätze funktionieren auch gut, und Sie könnten auch verwenden<details>/<summary>zusammenklappbare FAQs zu erstellen, wenn Sie viel zu viele Fragen haben und Ordnung halten möchten.– Paul d’Aoust
28. Februar 2014 um 20:18 Uhr