Quale elemento utilizzare per il retro di <abbr>

Question

C'è un elemento HTML che posso usare per indicare "questo è ciò che un acronimo significa", nei casi in cui voglio il significato completo visualizzato nel testo piuttosto che in un suggerimento su un elemento <abbr>.

Per esempio, io voglio scrivere la definizione di "CSS", e ho messo

<dt>CSS</dt> 
<dd>Short for <mark>Cascading Style Sheets</mark>. This is the name of 
    the language that stylesheets are written in.</dd> 

Quale elemento posso usare dove ora abusato mark?

PS si può contemplare di rispondere di non utilizzare alcun markup, ma voglio far risaltare il nome in corsivo, quindi ho bisogno di qualcosa!

Answer 1

Sfortunatamente, l'HTML lo fa Non abbiamo un elemento dedicato che rappresenti la forma espansa di un'abbreviazione.

Questo esempio da the HTML5 spec on abbr sembra abbastanza vicino al vostro caso d'uso, tranne l'abbreviazione appare dopo l'espansione in un paragrafo, non in un elemento dd a seguito di una dt che contiene l'abbreviazione. L'esempio dimostra l'uso di un elemento dfn per marcare l'espansione:

<p>The <dfn id=whatwg>Web Hypertext Application Technology 
Working Group</dfn> (<abbr 
title="Web Hypertext Application Technology Working Group">WHATWG</abbr>) 
is a loose unofficial collaboration of Web browser manufacturers and 
interested parties who wish to develop new technologies designed to 
allow authors to write and deploy Applications over the World Wide 
Web.</p> 

Sulla base del description of dfn, che dice (sottolineatura mia):

L'elemento dfn rappresenta l'istanza di definizione di un termine. Il paragrafo, gruppo elenco descrizione , o la sezione che è l'antenato più prossimo dell'elemento dfn, deve inoltre contenere la/e definizione/i per il termine indicato dall'elemento dfn.

si dovrebbe essere in grado di marcare il vostro contenuto simile:

<dt><abbr title="Cascading Style Sheets">CSS</abbr></dt> 
<dd>Short for <dfn>Cascading Style Sheets</dfn>. This is the name of 
    the language that stylesheets are written in.</dd> 

Tuttavia, non sono sicuro se è appropriato per un dfn a comparire in un dd piuttosto che il suo associato dt, anche all'interno lo stesso dl.Se questo ti dà fastidio, il prossimo alternativa più vicino, senza dover ricorrere a un span, è i:

<dt><abbr title="Cascading Style Sheets">CSS</abbr></dt> 
<dd>Short for <i>Cascading Style Sheets</i>. This is the name of 
    the language that stylesheets are written in.</dd> 

(e probabilmente sarei aggiungere il dfn come un bambino del dt e padre della abbr invece pure)

Answer 2

Uno utilizza

<i></i> or </em></em> 

o utilizzare un arco con un tag di dati attributo, ad esempio

<dt>CSS</dt> 
<dd>Short for <span data-acronym>Cascading Style Sheets</mark>. This...</dd> 

o

<dt>CSS</dt> 
<dd>Short for <span data-acronym="CSS">Cascading Style Sheets</mark>. This..</dd> 

Se questo è per gli acronimi si potrebbe anche togliere il "Abbreviazione di" e solo

<dt>CSS</dt> 
<dd>Cascading Style Sheets</dd> 

e poi un'altra voce

<dt>Cascading Style Sheets</dt> 
<dd>The language format that web stylesheets are written in.</dd>