Ich möchte eine Seite mit Fragen und Antworten erstellen.Semantisches HTML-Markup für FAQs
Es ist keine Liste, es sind keine tabellarischen Daten und ich bin mir nicht sicher, ob und wie ich <dl><dt><dd> verwenden sollte.
Was ist der beste semantische Weg, es zu bauen und es mit CSS formatiert werden?
Ich verwende immer <dl> für FAQs. In der Regel ist der <dt> ein Anker für den Index der zu verknüpfenden Fragen.
bearbeiten ...
sollte ich erwähnen, das ist meine Interpretation der meisten semantischen Ansatz. Wie ich es sehe, ist dies genau die Art von Ding <dl> ist es, um zu markieren.
Wie für CSS, es ist wirklich subjektiv. Ich mache typische Überschrift-Ish-Stile für die <dt>, mit einem hohen Schriftgewicht, vielleicht etwas höhere Schriftgröße und vielleicht größeren Buchstaben/Wort-Abstand.
Was auch immer auf dem Gelände gut mit dem Rest der Optik integriert und macht die Beziehung zwischen der Frage und .... sofort klar beantworten
Ich würde mit dem einfachsten Modell gehen; Jede Frage ist eine Überschrift mit Antworten in Absatz-Tags. Klar, logisch und semantisch gesund, denke ich.
Der Grund, warum ich die genannten 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 von 2007 24ways Adressen semantische Verwendung von DL. Es schafft es, diese spezifische Situation zu vermeiden, ist aber immer noch relevant. http://24ways.org/2007/my-other-christmas-present-is-a-definition-list –
interessant zu lesen, und eine interessante Seite; Danke für den Link. – Rob
Was ist das schlimmste, was passieren kann (ernsthafte Frage) mit Definitionslisten? Wird Google verwirrt/werden Bildschirmleser verwirrt? Mir ist klar, dass es keine perfekte Übereinstimmung ist, aber ich sehe keine bessere Alternative. –
Einer der frustrierenden Dinge über Semantik ist, dass manchmal kein Recht gibt es oder falsche Antwort. '
' ist angemessen (dank seiner [neuen Bedeutung in HTML5] (http://html5doctor.com/the-dl-element/)), Kopfzeilen und Absätze funktionieren auch gut, und Sie könnten auch [''/'
'] (http://html5doctor.com/the-details-and-summary-elements/) um kollabierende FAQs zu erstellen, wenn Sie zu viele Fragen haben und sie sauber halten möchten. –