Attributi HTML
Usa gli attributi HTML per fornire informazioni aggiuntive sugli elementi HTML. Impara la sintassi e gli esempi con il tutorial W3Docs.
Gli attributi HTML vengono usati all'interno del tag di apertura. Forniscono informazioni aggiuntive sugli elementi HTML. Un attributo fornisce metadati per un elemento o ne modifica il comportamento. L'attributo ha un nome, seguito dal segno di uguale (=) e da un valore racchiuso tra virgolette ("").
Un modello mentale rapido: pensa a un elemento come a un sostantivo e ai suoi attributi come agli aggettivi che lo descrivono. In <a href="https://www.w3docs.com">W3Docs</a>, l'elemento <a> è il collegamento, e l'attributo href indica al browser dove punta il collegamento. Senza l'attributo, l'elemento esisterebbe comunque, ma non avrebbe una destinazione.
Sintassi
Sintassi degli attributi HTML
<tag attribute="value">Your Text</tag>L'attributo si trova sempre all'interno del tag di apertura, mai in quello di chiusura. Un elemento può avere più attributi contemporaneamente, ciascuno separato da uno spazio.
L'attributo href
Il tag HTML <a> crea un collegamento, il cui indirizzo è definito nell'attributo href. Nell'esempio seguente abbiamo usato il tag <a> con l'attributo href. Tra le virgolette abbiamo scritto l'indirizzo della pagina a cui si accede dopo aver cliccato sul collegamento.
Esempio del tag HTML <a> con l'attributo href:
Esempio di attributo
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href="https://www.w3docs.com">Click here and go to the homepage.</a>
</body>
</html>Risultato
L'attributo id
L'attributo HTML id definisce un id univoco per ogni elemento.
Esempio del tag HTML <div> con l'attributo id:
Esempio del tag div con l'attributo "id"
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
#text {
font-family: sans-serif;
font-size: 20px;
line-height: 28px;
color: #777777;
}
</style>
</head>
<body>
<h2>Example of the div tag with the "id" attribute</h2>
<div id="text">Here is some text for the div tag with the "id" attribute.</div>
</body>
</html>L'attributo style
L'attributo style definisce lo stile di un elemento, come colore, dimensione, font e così via.
Esempio del tag HTML <p> con l'attributo style:
Esempio del tag p con l'attributo "style":
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Example of the p tag with the style attribute</h2>
<p style="color:#666666;font-size:18px;">Here is some text for the p tag with the "style" attribute.</p>
</body>
</html>L'attributo start
L'attributo start definisce il valore iniziale del primo elemento di un elenco ordinato. L'esempio seguente mostra due elenchi affiancati: il primo non ha l'attributo start, quindi per impostazione predefinita parte da 1; il secondo usa start="30", quindi i suoi elementi sono numerati 30, 31, 32.
Esempio del tag HTML <ol> con l'attributo start:
Esempio del tag ol con l'attributo "start"
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Default ordered list (starts at 1):</h2>
<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
<h2>Ordered list with start="30":</h2>
<ol start="30">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
</body>
</html>Attributi multipli
È possibile aggiungere più di un attributo a un elemento HTML. Assicurati di aggiungere uno spazio tra di essi.
Non importa in quale sequenza vengono inseriti gli attributi.
Esempio di attributi HTML
<tag attribute1="value" attribute2="value">Your text</tag>Esempio del tag HTML <img> con gli attributi src, width, height e alt:
Esempio del tag HTML img con attributi multipli
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Heading</h1>
<p>A photo with multiple attributes:</p>
<img src="https://api.w3docs.com/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185"/>
</body>
</html>Attributi boolean
Alcuni attributi sono attributi boolean: la loro sola presenza significa "vero", mentre la loro assenza significa "falso". Esempi includono disabled, checked, readonly, required, selected e multiple.
Per un attributo boolean, il valore che si scrive è irrilevante — ciò che conta è se l'attributo è presente sull'elemento o meno. Queste tre forme sono tutte equivalenti e disabilitano tutte l'input:
<input disabled>
<input disabled="">
<input disabled="disabled">Per rendere "falso" un attributo boolean, non lo si imposta su false — lo si rimuove completamente. Scrivere disabled="false" disabilita comunque l'input, perché l'attributo è presente.
Esempio di attributi boolean:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Enabled input: <input value="You can type here"></p>
<p>Disabled input: <input value="You cannot type here" disabled></p>
<p>Checked by default: <input type="checkbox" checked> Accept terms</p>
</body>
</html>Uso delle virgolette nei valori degli attributi
È possibile scrivere i valori degli attributi con virgolette doppie, virgolette singole o, in alcuni casi, senza virgolette.
<a href="page.html">Double quotes (recommended)</a>
<a href='page.html'>Single quotes</a>
<a href=page.html>Unquoted</a>Le virgolette doppie sono consigliate. Sono lo stile più comune e consentono al valore di contenere virgolette singole, come in title="It's a link".
Le virgolette singole sono utili quando il valore stesso contiene una virgoletta doppia, ad esempio title='He said "hello"'.
I valori senza virgolette sono rischiosi. Un valore senza virgolette non può contenere spazi, e uno spazio termina il valore anticipatamente. Ad esempio, class=btn primary viene interpretato come class pari a btn più un attributo separato primary — non come due nomi di classe. I valori senza virgolette non possono contenere nemmeno =, virgolette o altri caratteri speciali. Per sicurezza, racchiudi sempre i valori degli attributi tra virgolette.
Attributi di contenuto e attributi IDL
In HTML, un attributo ha due aspetti: l'attributo di contenuto (ciò che è scritto nel markup) e l'attributo IDL (la corrispondente proprietà JavaScript sull'elemento DOM, dove IDL sta per Interface Definition Language).
L'attributo di contenuto è il valore letterale del sorgente HTML. Lo si legge e scrive con element.getAttribute() e element.setAttribute(). Per un campo del modulo, l'attributo di contenuto di solito rappresenta il valore iniziale.
L'attributo IDL è una proprietà JavaScript come element.value. Riflette l'attributo di contenuto ma rappresenta lo stato corrente dell'elemento, che può cambiare man mano che l'utente interagisce con la pagina.
La differenza è più evidente su un elemento <input>. Dato <input id="name" value="Anna">, se un utente digita Maria nel campo:
const el = document.getElementById("name");
el.getAttribute("value"); // "Anna" — the content attribute (initial value from HTML)
el.value; // "Maria" — the IDL property (current value in the DOM)Quindi, quando hai bisogno del valore che l'utente sta effettivamente vedendo, leggi el.value; quando hai bisogno del valore originariamente scritto in HTML, leggi el.getAttribute("value").
Alcuni attributi di contenuto, come readonly, disabled e required, sono attributi boolean (vedi la sezione precedente): il loro valore è true quando sono presenti e false quando sono assenti.
Le due tabelle seguenti sono un riferimento. La prima elenca gli attributi più comunemente usati; la seconda è il catalogo completo, con gli elementi a cui appartiene ciascun attributo.
L'elenco degli attributi HTML più utilizzati:
| Attributo | Descrizione | Esempio |
|---|---|---|
| alt | Definisce un testo alternativo quando l'elemento originale non viene visualizzato. | alt="HTML Attributes" |
| height | Definisce l'altezza dell'elemento. | height="250" |
| href | Definisce l'URL per un collegamento. | href="https://www.w3docs.com/" |
| hreflang | Definisce la lingua del documento collegato. | hreflang="en" |
| id | Definisce un id univoco per un elemento HTML. | id="example" |
| lang | Definisce la lingua del documento (usato nel tag <html>). | <html lang="en-US"> |
| rel | Definisce la relazione tra il documento di destinazione e quello collegato. | rel="nofollow" |
| shape | Definisce la forma dell'elemento. | shape="circle" |
| span | Definisce il numero di colonne coperte da un elemento <col> o <colgroup>. | span="2" |
| src | Definisce la sorgente dell'elemento. | src="https://example.com/image.jpg" |
| start | Imposta il valore iniziale di un elenco ordinato (usato nel tag <ol>). | <ol start="30"> |
| style | Imposta lo stile CSS di un elemento HTML (dimensione, font, colore, ecc.). | style="color:red;text-align:right" |
| target | Definisce dove aprire il collegamento. | target="_blank" |
| wrap | Definisce se il testo deve essere a capo o meno. | wrap="hard" |
| width | Definisce la larghezza dell'elemento. | width="120" |
Vedi anche l'elenco degli Attributi globali HTML che possono essere usati con qualsiasi elemento HTML.
L'elenco completo degli attributi HTML:
| Attributo | Appartiene a | Descrizione |
|---|---|---|
| accept | <input> | Definisce i tipi di file accettati dal server (solo per type="file"). |
| accept-charset | <form> | Definisce le codifiche di caratteri usate per l'invio del modulo. |
| accesskey | Global Attributes | Definisce un tasto di scelta rapida che attiverà un elemento. |
| action | <form> | Definisce dove devono essere inviati i dati del modulo quando viene inviato. |
| align | HTML5 non supporta questo attributo. | Definisce l'allineamento in base agli elementi vicini. Si può usare CSS al posto di questo attributo. |
| alt | <area>, <img>, <input> | Definisce un testo alternativo se l'elemento originale non viene visualizzato. |
| async | <script> | Definisce che lo script viene eseguito in modo asincrono. Viene usato solo per script esterni. |
| autocomplete | <form>, <input> | Definisce se il completamento automatico degli elementi <form> o <input> deve essere abilitato. |
| autofocus | <button>, <input>, <select>, <textarea> | Definisce che l'elemento deve ricevere automaticamente il focus al caricamento della pagina. |
| autoplay | <audio>, <video> | Definisce che l'audio o il video inizierà a essere riprodotto non appena sarà pronto. |
| bgcolor | HTML5 non supporta questo attributo. | Definisce il colore di sfondo di un elemento. Si può usare CSS al posto di questo attributo. |
| border | HTML5 non supporta questo attributo. | Definisce la larghezza del bordo di un elemento. Si può usare CSS al posto di questo attributo. |
| charset | <meta>, <script> | Definisce la codifica dei caratteri. |
| checked | <input> | Definisce che un elemento <input> deve essere preselezionato al caricamento della pagina (per type="checkbox" o type="radio"). |
| cite | <blockquote>, <del>, <ins>, <q> | Definisce un URL che spiega la citazione, il testo eliminato o inserito. |
| class | Global Attributes | Definisce uno o più nomi di classe per un elemento. |
| color | HTML5 non supporta questo attributo. | Definisce il colore del testo di un elemento. Si può usare CSS al posto di questo attributo. |
| cols | <textarea> | Definisce la larghezza visibile di un'area di testo. |
| colspan | <td>, <th> | Definisce il numero di colonne che una cella della tabella deve coprire. |
| content | <meta> | Fornisce il valore relativo all'attributo http-equiv o name. |
| contenteditable | Global Attributes | Definisce se il contenuto di un elemento può essere modificato o meno. |
| controls | <audio>, <video> | Definisce che i controlli audio o video devono essere visualizzati (ad esempio un pulsante play o pause e così via). |
| coords | <area> | Definisce le coordinate dell'area. |
| data | <object> | Definisce l'URL della risorsa che verrà utilizzata dall'oggetto. |
| data-* | Global Attributes | Archivia dati personalizzati privati della pagina o dell'applicazione. |
| datetime | <del>, <ins>, <time> | Definisce la data e l'ora. |
| default | <track> | Definisce che la traccia sarà abilitata se le preferenze dell'utente non indicano che un'altra traccia sarebbe più appropriata. |
| defer | <script> | Definisce che lo script viene eseguito al termine del parsing della pagina. Questo attributo è usato solo per script esterni. |
| dir | Global Attributes | Definisce la direzione del testo per il contenuto di un elemento. |
| dirname | <textarea>, <input> | Definisce che la direzione del testo verrà inviata. |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Definisce che l'elemento o il gruppo di elementi specificato deve essere disabilitato. |
| download | <a>, <area> | Definisce che la destinazione verrà scaricata quando un utente clicca sul collegamento ipertestuale. |
| draggable | Global Attributes | Definisce se un elemento è trascinabile o meno. |
| dropzone | Global Attributes | Definisce se i dati trascinati vengono copiati, spostati o collegati quando vengono rilasciati. |
| enctype | <form> | Definisce come i dati del modulo devono essere codificati quando vengono inviati al server. Questo attributo è usato solo per method="post". |
| for | <label>, <output> | Specifica a quale/i elemento/i del modulo è collegata un'etichetta o un calcolo. |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Definisce il nome del modulo a cui appartiene l'elemento. |
| formaction | <button>, <input> | Definisce dove inviare i dati del modulo quando viene inviato. Questo attributo è usato solo per type="submit". |
| headers | <th>, <th> | Definisce una o più celle di intestazione a cui una cella è collegata. |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Definisce l'altezza dell'elemento. |
| hidden | Global Attributes | Definisce che un elemento non è pertinente. |
| high | <meter> | Definisce il limite superiore dell'intervallo rappresentato dall'elemento <meter>. |
| href | <a>, <area>, <base>, <link> | Definisce l'URL della pagina a cui punta il collegamento. |
| hreflang | <a>, <area>, <link> | Definisce la lingua del documento collegato. |
| http-equiv | <meta> | Fornisce all'attributo content un'intestazione HTTP per le informazioni o il valore. |
| id | Global Attributes | Definisce un id univoco per un elemento. |
| ismap | <img> | Definisce un'immagine come mappa immagine lato server. |
| kind | <track> | Definisce il tipo di traccia testuale. |
| label | <track>, <option>, <optgroup> | Definisce il titolo della traccia testuale. |
| lang | Global Attributes | Definisce la lingua del contenuto di un elemento. |
| list | <input> | Fa riferimento a un elemento <datalist> contenente opzioni predefinite per un elemento <input>. |
| loop | <audio>, <video> | Definisce che l'audio o il video ricomincia ogni volta che finisce. |
| low | <meter> | Definisce l'intervallo considerato un valore basso. |
| max | <input>, <meter>, <progress> | Definisce il valore massimo. |
| maxlength | <input>, <textarea> | Definisce il numero massimo di caratteri che un elemento può contenere. |
| media | <a>, <area>, <link>, <source>, <style> | Definisce per quale media o dispositivo il documento collegato è ottimizzato. |
| method | <form> | Definisce il metodo HTTP che deve essere usato per l'invio dei dati del modulo. |
| min | <input>, <meter> | Definisce un valore minimo. |
| multiple | <input>, <select> | Definisce che l'utente può inserire più di un valore. |
| muted | <audio>, <video> | Definisce che l'output audio del video deve essere disattivato. |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Definisce il nome dell'elemento. |
| novalidate | <form> | Definisce che il modulo non deve essere validato quando viene inviato. |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Script che viene eseguito in caso di interruzione. |
| onafterprint | <body> | Script che viene eseguito dopo la stampa del documento. |
| onbeforeunload | <body> | Script che viene eseguito quando il documento sta per essere scaricato. |
| onblur | Tutti gli elementi visibili. | Script che viene eseguito quando l'elemento perde il focus. |
| oncanplay | <audio>, <embed>, <object>, <video> | Script che viene eseguito quando un file è pronto per iniziare la riproduzione. |
| oncanplaythrough | <audio>, <video> | Script che viene eseguito quando un file può essere riprodotto fino alla fine senza pause per il buffering. |
| onchange | Tutti gli elementi visibili. | Script che viene eseguito quando il valore dell'elemento viene modificato. |
| onclick | Tutti gli elementi visibili. | Script che viene eseguito quando si fa clic sull'elemento. |
| oncontextmenu | Tutti gli elementi visibili. | Script che viene eseguito quando viene attivato un menu contestuale. |
| oncopy | Tutti gli elementi visibili. | Script che viene eseguito quando il contenuto dell'elemento viene copiato. |
| oncuechange | <track> | Script che viene eseguito quando il cue in un elemento <track> cambia. |
| oncut | Tutti gli elementi visibili. | Script che viene eseguito quando il contenuto dell'elemento viene tagliato. |
| ondblclick | Tutti gli elementi visibili. | Script che viene eseguito quando si fa doppio clic sull'elemento. |
| ondrag | Tutti gli elementi visibili. | Script che viene eseguito quando l'elemento viene trascinato. |
| ondragend | Tutti gli elementi visibili. | Script che viene eseguito al termine di un'operazione di trascinamento. |
| ondragenter | Tutti gli elementi visibili. | Script che viene eseguito quando un elemento viene trascinato su un target di rilascio valido. |
| ondragleave | Tutti gli elementi visibili. | Script che viene eseguito quando un elemento lascia un target di rilascio valido. |
| ondragover | Tutti gli elementi visibili. | Script che viene eseguito quando un elemento viene trascinato sopra un target di rilascio valido. |
| ondragstart | Tutti gli elementi visibili. | Script che viene eseguito all'inizio di un'operazione di trascinamento. |
| ondrop | Tutti gli elementi visibili. | Script che viene eseguito all'inizio di un'operazione di trascinamento. |
| ondurationchange | <audio>, <video> | Script che viene eseguito quando la durata del media cambia. |
| onemptied | <audio>, <video> | Script che viene eseguito quando accade qualcosa di inaspettato e il file diventa non disponibile. |
| onended | <audio>, <video> | Script che viene eseguito quando il media raggiunge la fine. |
| onerror | <audio>, <video>, <embed>, <object>, <script>, <style>, <body> | Script che viene eseguito quando si verifica un errore. |
| onfocus | Tutti gli elementi visibili. | Script che viene eseguito quando l'elemento riceve il focus. |
| onhashchange | <body> | Script che viene eseguito quando l'ancora cambia. |
| oninput | Tutti gli elementi visibili. | Script che viene eseguito quando l'elemento riceve input dall'utente. |
| oninvalid | Tutti gli elementi visibili. | Script che viene eseguito quando l'elemento non è valido. |
| onkeydown | Tutti gli elementi visibili. | Script che viene eseguito quando un utente sta premendo un tasto. |
| onkeypress | Tutti gli elementi visibili. | Script che viene eseguito quando un utente preme un tasto. |
| onkeyup | Tutti gli elementi visibili. | Script che viene eseguito quando un utente rilascia un tasto. |
| onload | <body>, <iframe>, <input>, <img>, <script>, <style>, <link> | Script che viene eseguito al termine del caricamento. |
| onloadeddata | <audio>, <video> | Script che viene eseguito quando i dati del media vengono caricati. |
| onloadedmetadata | <audio>, <video> | Script che viene eseguito quando i metadati vengono caricati. |
| onloadstart | <audio>, <video> | Script che viene eseguito quando il file inizia a caricarsi, prima che venga effettivamente caricato qualcosa. |
| onmousedown | Tutti gli elementi visibili. | Script che viene eseguito quando un pulsante del mouse viene premuto su un elemento. |
| onmousemove | Tutti gli elementi visibili. | Script che viene eseguito mentre il puntatore del mouse si muove su un elemento. |
| onmouseout | Tutti gli elementi visibili. | Script che viene eseguito quando il puntatore del mouse lascia un elemento. |
| onmouseup | Tutti gli elementi visibili. | Script che viene eseguito quando un pulsante del mouse viene rilasciato su un elemento. |
| onmouseover | Tutti gli elementi visibili. | Script che viene eseguito quando un puntatore del mouse si sposta su un elemento. |
| onmousewheel | Tutti gli elementi visibili. | Script che viene eseguito quando la rotella del mouse scorre su un elemento. |
| onoffline | <body> | Script che viene eseguito quando il browser inizia a lavorare offline. |
| ononline | <body> | Script che viene eseguito quando il browser inizia a lavorare online. |
| onpagehide | <body> | Script che viene eseguito quando un utente si allontana da una pagina. |
| onpageshow | <body> | Script che viene eseguito quando un utente naviga verso una pagina. |
| onpaste | Tutti gli elementi visibili. | Script che viene eseguito quando del contenuto viene incollato in un elemento. |
| onpause | <audio>, <video> | Script che viene eseguito quando il media viene messo in pausa. |
| onplay | <audio>, <video> | Script che viene eseguito quando il media inizia la riproduzione. |
| onplaying | <audio>, <video> | Script che viene eseguito quando il media è in riproduzione. |
| onpopstate | <body> | Script che viene eseguito quando la cronologia della finestra cambia. |
| onprogress | <audio>, <video> | Script che viene eseguito quando il browser è in corso di recupero dei dati del media. |
| onratechange | <audio>, <video> | Script che viene eseguito quando cambia la velocità di riproduzione. |
| onreset | <form> | Script che viene eseguito quando si fa clic su un pulsante di ripristino in un modulo. |
| onresize | <body> | Script che viene eseguito quando la finestra del browser viene ridimensionata. |
| onscroll | Tutti gli elementi visibili. | Script che viene eseguito quando la barra di scorrimento di un elemento viene scorsa. |
| onsearch | <input> | Script che viene eseguito quando l'utente scrive qualcosa in un campo di ricerca. |
| onseeked | <audio>, <video> | Script che viene eseguito quando l'attributo seeking viene impostato su false, indicando che la ricerca è terminata. |
| onseeking | <audio>, <video> | Script che viene eseguito quando l'attributo seeking viene impostato su true e indica che la ricerca è attiva. |
| onselect | Tutti gli elementi visibili. | Script che viene eseguito quando l'elemento viene selezionato. |
| onstalled | <audio>, <video> | Script che viene eseguito quando il browser non riesce a recuperare i dati del media per qualche motivo. |
| onstorage | <body> | Script che viene eseguito quando un'area Web Storage viene aggiornata. |
| onsubmit | <form> | Script che viene eseguito quando un modulo viene inviato. |
| onsuspend | <audio>, <video> | Script che viene eseguito quando il recupero dei dati del media viene interrotto prima che sia completamente caricato. |
| ontimeupdate | <audio>, <video> | Script che viene eseguito quando la posizione di riproduzione è cambiata. |
| ontoggle | <details> | Script che viene eseguito quando l'elemento <details> viene aperto o chiuso. |
| onunload | <body> | Script che viene eseguito quando una pagina è stata scaricata. |
| onvolumechange | <audio>, <video> | Script che viene eseguito ogni volta che il volume di un video o di un audio viene modificato. |
| onwaiting | <audio>, <video> | Script che viene eseguito quando il media è in pausa ma si prevede che continui. |
| onwheel | Tutti gli elementi visibili. | Script che viene eseguito quando la rotella del mouse scorre verso l'alto o verso il basso su un elemento. |
| open | <details> | Definisce che i dettagli devono essere visibili. |
| optimum | <meter> | Definisce quale valore è il valore ottimale per il misuratore. |
| pattern | <input> | Definisce un'espressione regolare rispetto alla quale viene verificato il valore di un elemento <input>. |
| placeholder | <input>, <textarea> | Definisce un breve suggerimento che descrive il valore atteso dell'elemento. |
| poster | <video> | Definisce un'immagine che verrà mostrata mentre il video viene scaricato o finché l'utente non preme il pulsante play. |
| preload | <audio>, <video> | Definisce se e come l'audio o il video deve essere caricato quando si carica la pagina. |
| readonly | <input>, <textarea> | Definisce che l'elemento è di sola lettura. |
| rel | <a>, <area>, <link> | Definisce la relazione tra il documento corrente e quello collegato. |
| required | <input>, <textarea>, <select> | Definisce che l'elemento deve essere compilato prima che il modulo venga inviato. |
| reversed | <ol> | Definisce che l'ordine dell'elenco deve essere decrescente. Ad esempio 5,4,3... |
| rows | <textarea> | Definisce il numero di righe visibili in un'area di testo. |
| rowspan | <td>, <th> | Definisce il numero di righe che una cella della tabella deve coprire. |
| sandbox | <iframe> | Abilita un insieme aggiuntivo di restrizioni per il contenuto all'interno di un elemento <iframe>. |
| scope | <th> | Definisce se una cella di intestazione è un'intestazione per una colonna, una riga o un gruppo di colonne o righe. |
| selected | <option> | Definisce che un'opzione deve essere preselezionata al caricamento della pagina. |
| shape | <area> | Definisce la forma dell'area. |
| size | <input>, <select>, <embed>, <iframe> | Definisce la larghezza in caratteri (per <input>) o il numero di opzioni visibili (per <select>). |
| sizes | <link>, <img>, <source> | Definisce la dimensione della risorsa collegata. |
| span | <col>, <colgroup> | Definisce il numero di colonne da coprire. |
| spellcheck | Global Attributes | Definisce se la grammatica e l'ortografia dell'elemento devono essere controllate o meno. |
| src | <img>, <source>, <audio>, <video>, <script>, <track>, <embed>, <iframe> | Definisce l'URL del file multimediale. |
| srcdoc | <iframe> | Definisce il contenuto HTML della pagina che deve essere mostrata nell'elemento <iframe>. |
| srclang | <track> | Definisce la lingua dei dati del testo della traccia. |
| srcset | <img>, <source> | Definisce l'URL dell'immagine che può essere utilizzata in diverse situazioni. |
| start | <ol> | Definisce il valore iniziale di un elenco ordinato. |
| step | <input> | Definisce gli intervalli numerici validi per un campo di input. |
| style | Global Attributes | Definisce uno stile CSS inline per un elemento. |
| tabindex | Global Attributes | Definisce l'ordine di tabulazione di un elemento. |
| target | <a>, <area>, <base>, <form> | Definisce il target dove il documento collegato deve essere aperto o dove il modulo deve essere inviato. |
| title | Global Attributes | Definisce informazioni aggiuntive su un elemento. |
| translate | Global Attributes | Definisce se il contenuto testuale dell'elemento deve essere tradotto dal browser o dagli strumenti di traduzione. |
| type | <embed>, <input>, <object>, <a>, <button>, <link>, <menu>, <object>, <script>, <source>, <style> | Definisce il tipo di elemento. |
| usemap | <object>, <img> | Definisce un'immagine come mappa immagine lato client. |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Definisce il valore dell'elemento. |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Definisce la larghezza dell'elemento. |
| wrap | <textarea> | Definisce come il testo in un'area di testo deve essere a capo quando viene inviato all'interno di un modulo. |
Vedi anche l'elenco degli Attributi globali HTML che possono essere usati con qualsiasi elemento HTML.
Esercitazione
Pratica
Quali delle seguenti affermazioni sugli attributi HTML sono vere?
Pratica
Come si disabilita un input con un attributo boolean?
Was this page helpful?