Il World Wide Web Consortium, o W3C, definisce otto "frase tag" che vengono utilizzati all'interno di altri elementi per modificare l'aspetto e l'enfasi di un po 'di testo. Uno di questi tag è il tag <cite>, che è stato progettato per fare riferimento a una citazione sulla tua pagina.

Il <cite> tag

Cite è usato per porre l'accento su una citazione, come ad esempio sottolineando il titolo o l'altoparlante una citazione proviene da. Il W3C non si è deprezzato questo tag, ma lo fa raccomandare l'uso di CSS su <cite>. Tuttavia, <cite> fa inviare un messaggio ben preciso a tutti coloro che guardando il sorgente HTML per la vostra pagina, compresi i bot automatizzati, e possono essere utilizzati per la personalizzazione della pagina.

Aspetto

Testo all'interno del tag <cite> sembra identica al testo all'interno del tag <em> o <i>. Mentre un altro browser potrebbe, in teoria, il rendering del testo all'interno di <cite> in modo diverso, questo non è il caso su uno dei browser moderni, tra cui Internet Explorer, Firefox e Chrome.

Uso

L'unica ragione per usare <cite> rispetto a qualsiasi altro tag è che permette motori di ricerca per vedere e capire il testo tra i tag come citazione. Tuttavia, può essere utilizzato anche con CSS per creare effetti specifici. Si può andare tanto semplice quanto l'impostazione nulla in un <cite> tag come allineato al centro e viola, per esempio,

cite {
colore: viola;
text-align: center;}

Ciò consente di distinguere tra citazioni e dichiarazioni corsivo, e dare le vostre citazioni un po 'di pugno sulla pagina.

alternative

Nella pagina di codice frase tag W3C afferma che l'utilizzo di CSS fornisce un effetto più ricco del uso di base di <cite>. Si potrebbe creare una classe CSS da utilizzare al posto di dovunque si usa <cite>, con uno stile più specifici per una più ampia gamma di elementi, come ad usarlo sia con un <p> o di un tag <div>. Il codice HTML sarebbe simile a questo, se il vostro elemento di citazione era audace e aveva un bordo lungo la parte inferiore:

.cite {
font-weight: bold;
border-bottom: 1px solid # 000000;}

Quando viene applicato ad un elemento, sarebbe semplicemente richiede: <p class = "cite"> Visto </ p> o <div class = "cite"> Super lunga citazione </ div>.

Se si desidera che il semplice aspetto Corsivo, ma non si desidera utilizzare il tag <cite>, è possibile utilizzare <em> invece.