2013-08-10 14 views
10

Dato un insieme di note alla fine di un articolo:elementi semantici per la lista nota e contenuti

<article> 
    <p>Some content here</p> 
    <ol class="footnotes"> 
     <li id="footnote-1">Footnote 1 text</li> 
     <li id="footnote-2">Footnote 2 text</li> 
    </ol> 
</article> 

C'è un elemento contenitore HTML5 più descrittivo/semantica di un ol o div con class = "note" (o c'è un contenitore appropriato che dovrebbe contenere l'elemento ol)? E c'è un elemento di testo più descrittivo/semantico di uno p o li per ogni singola nota a piè di pagina? In caso contrario, esiste forse un microformato che stabilisce almeno alcuni nomi di classi comuni da utilizzare?

Nota che questa domanda non riguarda il markup per la nota in calce link - che è already been discussed e sembra che non v'è ancora alcun elemento in HTML per identificare semanticamente un collegamento nota. Ho lasciato fuori i collegamenti a piè di pagina e i collegamenti a ritroso dal markup di esempio qui per brevità.

+0

Dato che non è la carta, sarebbe sicuramente aggiungere testi hover. – Jonathan

+0

Cosa ne pensi dell'elemento '

+0

Pensavo che 'footer' fosse più appropriato per il piè di pagina dell'intera pagina web? per esempio. Lo sto usando come piè di pagina con copyright, ecc. Cosa succede se ci sono più 'article's su una pagina, ognuno con le proprie note a piè di pagina? –

risposta

8

Non esiste ancora alcun meccanismo dedicato, ma le note a piè di pagina con note a piè di pagina collegate o semplici con elementi di elenco e note a margine possono essere unite in un comune suggerimento di markup alternativi. Potreste aver visto questo già - "HTML5 Common Idioms without dedicated elements"

Certo è più praticabile per avvolgere ogni piè di pagina all'interno di un elemento <section> se più di uno si verifica all'interno di un singolo <article>. Se questo non è il caso, puoi incartarli entro <footer> o <aside>. Quindi gli elementi di contenuto seguono come al solito. Come <p> per i segmenti descrittivi.

Ecco un altro esempio di "Footnotes with micorformats"

Problemi correlati