In linguistica la semantica è lo studio del significato delle parole, delle frasi o dei sistemi linguistici. Nella terminologia dei linguaggi di marcatura riferita all'HTML5, la semantica riguarda l'uso appropriato degli elementi. In questo articolo vedremo quali sono gli usi corretti degli elementi HTML5 su cui ancora permangono dei dubbi.
address
Questo elemento inserisce delle informazioni sull'autore del documento, ossia su chi lo ha effettivamente creato. Esempio:
<address>Gabriele Romanato</address>
Non si deve usare questo elemento per mostrare informazioni sul proprietario del sito o sul nostro cliente.
blockquote
Questo elemento inserisce una citazione di blocco. Va usato per lunghe citazioni. L'attributo cite
(facoltativo) specifica la fonte della citazione sotto forma di URL:
<blockquote cite="http://esempio.it/articolo/">
<p>Lorem ipsum dolor...</p>
</blockquote>
cite
Questo elemento inserisce la fonte di una citazione o il riferimento ad un'altra risorsa. Esempio:
<p><cite>Mark Twain</cite> ha scritto: ...</p>
code
Questo elemento inserisce codice di computer. Esempio:
<p><code>$variable = true</code></p>
Si dovrebbe preferire questo elemento all'elemento pre
per i blocchi di codice.
del
Questo elemento marca una revisione del documento e indica che del contenuto è stato cancellato:
<p><del>Testo cancellato.</del></p>
dfn
Questo elemento viene usato per identificare un termine che deve essere spiegato. Infatti esso definisce la prima istanza del termine nel documento:
<p>
Il <dfn>web</dfn> è un insieme di documenti elettronici.
</p>
em
Questo elemento indica un'enfasi normale su una parte del testo. strong
invece indica una forte enfasi.
ins
A differenza di del
, questo elemento indica del nuovo contenuto inserito dopo una revisione.
kbd
Questo elemento inserisce caratteri o sequenze da tastiera, come ad esempio Ctrl + C.
pre
Questo elemento inserisce del testo preformattato. Contrariamente a quanto si crede, non c'è nessuna indicazione nelle specifiche per quanto riguarda il suo uso con i blocchi di codice in cui, come abbiamo già detto, andrebbe preferito l'elemento code
che è invece specifico per il codice di computer.
q
Questo elemento inserisce una breve citazione inline. L'attributo cite
(facoltativo) specifica la fonte della citazione sotto forma di un URL.
samp
Questo elemento inserisce il risultato di un programma o di uno script:
<p>Restituisce <samp>null</samp>.</p>
strong
Questo elemento specifica una forte enfasi sul testo.
sub
Questo elemento inserisce un pedice al testo.
sup
Questo elemento inserisce un apice al testo.
tt
Questo elemento marca il testo inserito da terminale.
var
Questo elemento inserisce una variabile o un argomento di un programma:
<p><var>var element = $('#test');</var></p>