HTML Dando un elemento un ID


Esempio

L'attributo ID di un elemento è un identificatore che deve essere univoco nell'intero documento. Il suo scopo è quello di identificare univocamente l'elemento durante il collegamento (usando un'ancora), lo scripting o lo styling (con CSS).

<div id="example-id"></div>

Non dovresti avere due elementi con lo stesso ID nello stesso documento, anche se gli attributi sono collegati a due diversi tipi di elementi. Ad esempio, il seguente codice non è corretto:

<div id="example-id"></div>
<span id="example-id"></span>

I browser faranno del loro meglio per rendere questo codice, ma potrebbe verificarsi un comportamento imprevisto durante lo styling con CSS o l'aggiunta di funzionalità con JavaScript.

Per fare riferimento agli elementi in base al loro ID in CSS, anteporre l'ID a # .

#example-id { color: green; }

Per passare a un elemento con un ID su una determinata pagina, aggiungere # con il nome dell'elemento nell'URL.

http://example.com/about#example-id

Questa funzione è supportata nella maggior parte dei browser e non richiede JavaScript o CSS aggiuntivi per funzionare.