Desidero creare una pagina di domande e risposte.Markup HTML semantico per domande frequenti
Non è un elenco, non è un dato tabellare e non sono sicuro se o come dovrei usare <dl><dt><dd>.
Qual è il miglior modo semantico per crearlo e formattarlo con css?
Io uso sempre <dl> per domande frequenti. Generalmente lo dt è un ancoraggio per l'indice delle domande da collegare.
edit ...
Devo dire, questa è la mia interpretazione l'approccio più semantico. Per come la vedo io, questo è esattamente il genere di cose <dl> è destinato a segnare.
Per quanto riguarda i CSS, è davvero soggettivo. Faccio gli stili tipici di intestazione per lo dt >, con un peso di carattere elevato, una dimensione del carattere leggermente più elevata e una maggiore spaziatura tra lettere e parole.
Qualunque cosa si integra bene con il resto dei tuoi immagini sul sito e rende il rapporto tra la domanda e la risposta immediatamente evidente ....
Vorrei andare con il modello più semplice; ogni domanda è un'intestazione, con le risposte nei tag di paragrafo. Chiaro, logico e semanticamente sano di mente, penso.
La ragione per cui non utilizzerei i tag di elenco di definizioni menzionati è che non penso, da un punto di vista puramente semantico, che le domande e le risposte si adattino allo stampo di termini e definizioni puri.
Un articolo del 24s del 2007 affronta l'uso semantico di DL. Riesce a evitare questa situazione specifica, ma è ancora rilevante. http://24ways.org/2007/my-other-christmas-present-is-a-definition-list –
Lettura interessante e un sito interessante; grazie per il link – Rob
qual è la cosa peggiore che può accadere (domanda seria) con l'utilizzo di liste di definizioni? google si confonde/i lettori di schermo si confondono? Mi rendo conto che non è una corrispondenza perfetta, ma non vedo un'alternativa migliore –
Una delle cose più frustranti di semantica è che a volte non v'è un diritto o risposta sbagliata. '
' è appropriato (grazie al suo [nuovo significato in HTML5] (http://html5doctor.com/the-dl-element/)), anche intestazioni e paragrafi funzionano bene, e si potrebbe anche usare [''/'
'] (http://html5doctor.com/the-details-and-summary-elements/) per fare domande frequenti sul collasso se hai troppe domande e vuoi tenerlo in ordine. –