Che cos'è un tag HTML rispetto a un elemento HTML?

Un HTML etichetta è un'indicazione a un browser web di come dovrebbe essere visualizzata una pagina web, ma un codice HTML elemento è un singolo componente di HTML. Gli elementi HTML vengono creati utilizzando i tag HTML.

Molte persone usano i termini tag ed elemento in modo intercambiabile e qualsiasi web designer o sviluppatore con cui parli capirei cosa volevi dire, ma la realtà è che c'è una leggera differenza tra i due termini.

Tag HTML

L'HTML è un linguaggio con marcatori, il che significa che è scritto con codici leggibili da una persona senza che sia necessario prima compilarlo. In altre parole, il testo di una pagina Web viene "marcato" con questi codici per fornire al browser Web istruzioni su come visualizzare il testo.

Quando scrivi HTML, stai scrivendo tag HTML. Tutti i tag HTML sono costituiti da una serie di parti specifiche. Specificano il nome del tag tra parentesi angolari, il contenuto interessato dal tag e vari attributi che influenzano il tag in una coppia nome/valore.

instagram viewer

Ecco un esempio:

collegamento ipertestuale

Questo frammento mostra un tag di ancoraggio, che specifica un collegamento ipertestuale. Il tag si apre e si chiude. Il rel l'attributo assume il valore non seguire.

In HTML, la differenza tra un tag di apertura e un tag di chiusura è la presenza della barra. Ad esempio, è sempre un tag di ancoraggio di apertura ed è sempre un tag di ancoraggio di chiusura.

Presi insieme, i tag di apertura e chiusura e tutto ciò che appare tra di essi costituiscono un elemento HTML.

Cosa sono gli elementi HTML?

Secondo il W3C Specifiche HTML, e elemento è l'elemento base dell'HTML ed è tipicamente composto da due tag: un tag di apertura e un tag di chiusura.

Quasi tutti gli elementi HTML hanno un tag di apertura e un tag di chiusura. Questi tag circondano il testo che verrà visualizzato nella pagina web. Ad esempio, per scrivere un paragrafo di testo, scrivi il testo da visualizzare sulla pagina e poi lo circondi con questi tag:

Questo testo è un esempio di paragrafo.

Alcuni elementi HTML non hanno un tag di chiusura; si chiamano elementi vuoti. A volte, sono anche indicati come singleton o vuoto elementi. Gli elementi vuoti sono facili da usare perché devi includere solo un tag nella tua pagina web e il browser saprà cosa fare. Ad esempio, per aggiungere una singola interruzione di riga alla tua pagina, usa il tag.

Un altro elemento comune che include solo un tag di apertura è il Immagine elemento. Per esempio:


In generale, gli sviluppatori usano il termine elemento per indicare tutte le parti dell'elemento (sia i tag di apertura che di chiusura). Usano etichetta quando si fa riferimento solo all'uno o all'altro. Questo è l'uso corretto di questi due termini.

instagram story viewer