Ogni tag HTML può avere degli attributi, che ne configurano o modificano in vari modi il comportamento. Detti attributi sono indicati nel tag iniziale (o in quello unico, se si tratta di tag vuoti).
attributo | descrizione breve | tag |
---|---|---|
abbr |
Descrive agli screen reader il contenuto della cella di intestazione di una tabella | <th> |
accept |
Specifica i tipi di file che il form accetta in upload | <input type="file"> |
accept-charset |
Specifica la codifica dei caratteri utilizzati per l’invio del form | <form> |
accesskey |
Definisce una scorciatoia da tastiera | Globale |
action |
Stabilisce dove processare i dati del form | <form> |
alt |
Stabilisce il testo alternativo da visualizzare nel caso in cui non sia possibile visualizzare la risorsa dell’elemento HTML cui acceda | <area> , <img> , <input> |
async |
Specifica che lo script (esterno) venga eseguito in modo asincrono, non appena disponibile | <script> |
autocomplete |
Abilita l’autocompletamento del campo del form | <input> , <script> |
autofocus |
Attribuisce, al caricamento della pagina web, il focus all’elemento HTML cui acceda | <button> , <input> , <keygen> , <select> , <textarea> |
autoplay |
Stabilisce l’avvio automatico della riproduzione multimediale (audio/video) al caricamento della pagina web. | <audio> , <video> |
charset |
Stabilisce il tipo di codifica dei caratteri | <meta> , <script> |
checked |
Stabilisce il segno di spunta preimpostato | <input> , <menuitem> |
cite |
Indica agli screen reader l’URL quale citazione della fonte. | <blockquote> , <del> , <ins> , <q> |
class |
Assegna una o più classi all’elemento HTML | globale |
cols |
Stabilisce la larghezza, ovvero il numero di colonne | <textarea> |
colspan |
Stabilisce il numero di celle della tabella da unire orizzontalmente cioè in colonna | <td> , <th> |
content |
Stabilisce il valore degli attributi http-equiv e name |
<meta> |
contenteditable |
Stabilisce che il testo dell’elemento HTML cui acceda è editabile (o no) | globale |
contextmenu |
Associa un menu contestuale all’elemento HTML | globale |
controls |
Visualizza i controlli del lettore multimediale audio/video (play, pausa, volume, ecc.) | <audio> , <video> |
coords |
Specifica le coordinate dell’area | <area> |
crossorigin |
Stabilisce come gestire le richieste cross-origin | <img> , <link> , <script> , <video> |
data |
Stabilisce la risorsa | <object> |
data-* |
Crea un attributo con nome personalizzabile | globale |
datetime |
Indica un timestamp agli screen reader | <del> , <ins> , <time> |
default |
Specifica che l’elemento HTML cui acceda è da abilitare di default | <menuitem> , <track> |
defer |
Specifica che lo script (esterno) venga eseguito al termine del parsing della pagina web | <script> |
dir |
Specifica la direzione del testo dell’elemento HTML cui acceda (senza tuttavia invertirne anche le lettere) | globale |
dirname |
Specifica la direzione del testo dell’elemento HTML cui acceda al submit del form | <input> , <textarea> |
disabled |
Disabilita l’elemento HTML cui acceda | <button> , <fieldset> , <input> , <keygen> , <menuitem> , <optgroup> , <option> , <select> , <textarea> |
download |
Stabilisce che la risorsa sia scaricata, anziché visualizzata direttamente nel web browser | <a> , <area> |
draggable |
Specifica che l’elemento HTML cui acceda è trascinabile (o no) | globale |
dropzone |
Stabilisce che l’elemento HTML cui acceda è idoneo a ricevere il rilascio del testo trascinato (ad es., per la copia, lo spostamento) | globale |
enctype |
Specifica come i dati trasmessi tramite form devono essere codificati al momento dell’invio al server | <form method="post"> |
for |
Associa il tag HTML cui acceda con il relativo tag HTML | <label> , <output> |
form |
Associa l’elemento HTML al/ai form, a prescindere dal fatto che sia ivi annidato (ma purché siano entrembi nello stesso documento). | <button> , <fieldset> , <input> , <keygen> , <meter> , <object> , <output> , <progress> , <select> , <textarea> |
formaction |
Stabilisce la pagina alla quale sono inviati i dati trasmessi tramite form | <button type="submit"> , <input> |
formenctype |
Stabilisce il tipo di codifica dei dati trasmessi tramite form | <button type="submit"> , <input> |
formmethod |
Stabilisce il metodo di invio dei dati del form | <button type="submit"> , <input> |
formnovalidate |
Stabilisce che i dati trasmessi tramite form non siano validati | <button type="submit"> , <input> |
formtarget |
Stabilisce in quale tab, finestra o frame visualizzare la risposta ricevuta dopo aver fatto il submit del form | <button type="submit"> , <input> |
headers |
Indica agli screen reader una relazione tra la cella della tabella cui acceda e la cella di intestazione della tabella stessa | <td> , <th> |
height |
Stabilisce in pixel l’altezza dell’elemento HTML, indipendentemente dal suo contenuto | <canvas> , <embed> , <iframe> , <img> , <input> , <object> , <svg> , <video> |
hidden |
globale | |
high |
stabilisce il valore da ritenersi elevato all’interno di un determinato range | <meter> |
href |
Stabilisce l’indirizzo internet della risorsa esterna | <a> , <area> , <base> , <link> |
hreflang |
Specifica la lingua dei contenuti oggetto del documento linkato | <a> , <link> |
http-equiv |
Fornisce informazioni ulteriori all’attributo HTML content |
<meta> |
icon |
Stabilisce l’icona della voce di menu | <menuitem> |
id |
Assegna un identificativo univoco all’elemento HTML cui acceda | globale |
ismap |
Stabilisce che l’immagine è parte di una image map lato server | <img> |
keytype |
Stabilisce l’algoritmo della chiave di sicurezza | <keygen> |
kind |
Stabilisce il tipo di traccia del testo | <track> |
label |
Stabilisce l’etichetta dell’elemento HTML cui acceda | <menu> , <menuitem> , <optgroup> , <option> , <track> |
lang |
Stabilisce la lingua dell’elemento HTML cui acceda | globale |
list |
Associa l’elemento al tag HTML <datalist> |
<input> |
longdesc |
stabilisce un link ad una lunga descrizione testuale dell’immagine cui acceda e completa l’attributo alt |
<img> |
loop |
Stabilisce la riproduzione multimediale audio/video a ciclo continuo | <audio> , <video> |
low |
Stabilisce il valore ritenuto basso all’interno di un determinato range | <meter> |
manifest |
Stabilisce l’indirizzo internet del cache manifest | <html> |
max |
Stabilisce il valore massimo ammesso | <input> , <meter> , <progress> |
maxlenght |
Stabilisce il numero massimo dei caratteri ammessi nel campo del tag HTML cui acceda | <input> , <textarea> |
media |
Stabilisce in quale tipo di media/device utilizzare il link o risorsa | <a> , <area> , <link> , <source> , <style> |
method |
stabilisce il metodo di invio dei dati del form | <form> |
min |
Stabilisce il valore minimo ammesso | <input> , <meter> |
minlenght |
Stabilisce il numero minimo dei caratteri ammessi nel campo del tag HTML cui acceda | <input> , <textarea> |
multiple |
Stabilisce che possono essere inseriti o selezionati più dati | <input> , <select> |
muted |
stabilisce che la riproduzione multimediale audio/video sia silenziata cioè priva di audio | <audio> , <video> |
name |
Stabilisce, a fini identificativi, il nome dell’elemento HTML cui acceda e può essere trasmesso mediante submit del form | <button> , <fieldset> , <form> , <iframe> , <input> , <keygen> , <map> , <meta> , <object> , <output> , <param> , <select> , <textarea> |
novalidate |
Stabilisce che il form non viene validato al momento del submit | <form> |
open |
Imposta come visibile il contenuto del tag HTML cui acceda, che di default è invece nascosto | <details> , <dialog> |
optimum |
Stabilisce il valore da ritenersi ottimale all’interno di un determinato range | <meter> |
pattern |
Stabilisce il tipo ed il numero dei caratteri ammessi nel campo secondo le espressioni regolari | <input> |
ping |
Manda una notifica all’URL specificato quando l’utente segue il link | <a> , <area> |
placeholder |
Visualizza un suggerimento (lett. segnaposto) nell’elemento HTML cui acceda (generalmente, il campo di un form), e scompare alla digitazione del testo nel campo stesso da parte dell’utente | <input> , <textarea> |
poster |
Stabilisce l’immagine di copertina del video finché questo non è scaricato o messo in play | <video> |
preload |
Stabilisce se e come il file multimediale (audio/video) debba essere caricato al momento della visualizzazione della pagina web. | <audio> , <video> |
readonly |
Stabilisce che il campo del tag HTML cui acceda è accessibile solo in lettura | <input> , <textarea> |
rel |
stabilisce il tipo di relazione tra la risorsa esterna e l’elemento HTML cui acceda | <a> , <area> , <link> |
required |
Stabilisce che l’elemento HTML cui acceda (generalmente, il campo di un form) è da compilare necessariamente ai fini dell’invio dei dati | <input> , <select> , <textarea> |
reversed |
Stabilisce che l’elenco della lista ordinata sia ordinato in modo decrescente o al contrario (anziché discendente, come sarebbe di default) | <ol> |
rows |
Stabilisce l’altezza, ovvero il numero di righe, del campo (altrimenti 2, di default) | <textarea> |
rowspan |
Stabilisce il numero di celle della tabella da unire verticalmente ovvero in righe | <td> , <th> |
sandbox |
Stabilisce le regole di sicurezza per il contenuto dell’elemento HTML cui acceda | <iframe> |
scope |
Stabilisce se una cella di intestazione di una tabella riguarda una colonna, una riga, o un gruppo di colonne o di righe | <th> |
scoped |
Stabilisce che gli stili CSS si applicano all’elemento HTML cui acceda, padre e figli | <style> |
selected |
Stabilisce l’opzione preselezionata dell’elemento HTML cui acceda | <option> |
shape |
Stabilisce la forma dell’elemento HTML cui acceda | <a> , <area> |
size |
Stabilisce la larghezza (in pixel) del campo visibile (se acceda al tag HTML input ) o il numero delle opzioni visibili (se acceda al tag HTML select ) |
<input> , <select> |
sizes |
Stabilisce la dimensione (in byte) della risorsa linkata | <img> , <link> , <source> |
sortable |
Consente di ordinare le colonne di una tabella | <table> |
sorted |
Definisce la direzione di ordinamento della colonna di una tabella | <th> |
span |
Stabilisce il numero di colonne da unire | <col> , <colgroup> |
spellcheck |
Attiva il controllo ortografico del testo dell’elemento HTML cui acceda | globale |
src |
Stabilisce l’indirizzo (URL) della risorsa multimediale (immagine, audio, ecc.) dell’elemento HTML cui acceda | <audio> , <embed> , <iframe> , <img> , <input> , <script> , <source> , <track> , <video> |
srcdoc |
Stabilisce il contenuto HTML della pagina da mostrare nell’elemento HTML cui acceda | <iframe> |
srclang |
Stabilisce la lingua dei dati di testo della traccia | <track> |
srcset |
Definisce più alternative della risorsa multimediale (immagine), caratterizzate da risoluzioni differenti | <img> , <source> |
start |
Stabilisce il numero di partenza (o di ripartenza) dell’elenco ordinato | <ol> |
step |
Stabilisce il passo tra il valore minimo e quello massimo eventualmente ammessi | <input> |
style |
Stabilisce le regole di stile CSS inline cioè dello specifico elemento HTML cui acceda | globale |
tabindex |
Stabilisce l’ordine di tabulazione del web browser per la navigazione tra gli elementi HTML attivi o di interazione utente della pagina web (ad es., link, bottoni, campi di input, ecc.) tramite tasto tab | globale |
target |
Stabilisce in quale tab, finestra o frame visualizzare la risorsa dell’elemento HTML cui acceda | <a> , <area> , <base> , <form> |
title |
Stabilisce il testo che compare quando l’utente sofferma il mouse sull’elemento HTML cui acceda | globale |
translate |
Stabilisce se il contenuto dell’elemento HTML cui acceda può essere tradotto (o no) | globale |
type |
stabilisce il tipo dell’elemento HTML cui acceda | <a> , <button> , <embed> , <input> , <link> , <menu> , <menuitem> , <object> , <ol> , <script> , <source> , <style> |
usemap |
Stabilisce, in un’image map lato client, la correlazione con il tag HTML <map> |
<img> |
value |
Stabilisce il valore dell’elemento HTML cui acceda | <button> , <data> , <input> , <li> , <meter> , <option> , <param> , <progress> |
width |
Stabilisce la larghezza dell’elemento HTML cui acceda, indipendentemente dal suo contenuto | <canvas> , <embed> , <iframe> , <img> , <input> , <object> , <svg> , <video> |
wrap |
Stabilisce come è “avvolto” il testo dell’elemento HTML cui acceda | <textarea> |
xmlns |
Specifica, senza avere tuttavia alcun effetto visibile nel documento HTML cui acceda, che il documento stesso è conforme alla sintassi XHTML | <html> |
0 Comment