Manuale di riferimento HTML

Completo elenco di tag HTML

Attributo id HTML

L'attributo id globale HTML definisce un identificatore unico (ID) per l'intero documento. Viene utilizzato per riconoscere gli elementi nei collegamenti (usando segmenti), nei script e nei stili (attraverso CSS).

Proprietà Globali HTML

Esempio online

Utilizza lo script JavaScript per modificare il contenuto di un segmento di testo utilizzando l'attributo id:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Base Tutorial Network (oldtoolbag.com)</title>　
<script>
function changeText()
{
　　　　document.getElementById("myHeader").innerHTML="Haha, mi hai cambiato, cara!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="changeText()">Modifica dinamicamente il contenuto del testo dell'id</button>
</body>
</html>

Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser principali supportano l'attributo id

Definizione e uso

L'attributo id definisce l'id unico dell'elemento HTML.

L'id deve essere unico nel documento HTML.

L'attributo id può essere utilizzato come anello di collegamento (link anchor), per modificare o aggiungere stili agli elementi con id specificato tramite JavaScript (HTML DOM) o tramite CSS.

Differenze tra HTML 4.01 e HTML5

In HTML5 l'attributo id può essere utilizzato per qualsiasi elemento HTML (verifica qualsiasi elemento HTML. Ma non necessariamente utile).

In HTML 4.01 l'attributo id non può essere utilizzato in: <base>, <head>, <html>, <meta>, <param>, <script>, <style> e <title>.

Attenzione: HTML 4.01 ha restrizioni rigorose sui valori di id (ad esempio: nel HTML 4.01 il valore id non può iniziare con un numero).

Sintassi

　　 <elemento id="id">

Valore dell'attributo

Valore	Descrizione
id	Definire l'id univoco dell'elemento. Regole di nomi: Deve iniziare con una lettera A-Z o a-z I caratteri successivi: lettere (A-Za-z), numeri (0-9), trattino ("-"), trattino basso ("_") e punti (".") Le valori sono sensibili alle maiuscole e minuscole

Più esempi

Utilizzo dell'attributo id in CSS
Come utilizzare l'attributo id in CSS per aggiungere uno stile agli elementi

Proprietà Globali HTML

HTML: <template> etichetta