Introduzione ai tag HTML

1. Tag

I tag sono di diversi tipi. Innanzitutto, possono essere singoli e doppi. Di solito si incontrano più spesso i tag doppi. E, come probabilmente hai già intuito, vanno sempre in coppia. Sono anche chiamati di apertura e di chiusura.

Tag di apertura — è semplicemente una parola chiave tra parentesi angolari.

<tag>

Esempio:

      
<h1>
      
    

Tag di chiusura è simile al tag di apertura, ma davanti alla parola chiave c'è una barra diagonale.

</tag>

Esempio:

      
</h1>
      
    

Il tag di apertura è sempre il primo nella coppia. NON è possibile che il tag di chiusura venga prima, seguito poi dal tag di apertura. Un documento HTML del genere sarà considerato non valido.

2. Albero dei tag

E un'altra informazione importante sui tag doppi. Nel documento possono essercene molti, e possono essere nidificati. Questo significa che qualsiasi testo in un documento HTML può essere avvolto dai tag, anche se contiene altri tag. Esempio:

      
<html>
    Testo normale
        <a href="http://codegym.cc/about">
            Link a qualcosa di interessante
        </a>
    altro testo
</html> 
      
    

In parole povere, nel testo HTML può esserci una sequenza di tag:

<h1> <h2> </h2> </h1>

Ma non può esserci:

<h1> <h2> </h1> </h2> 

Se il tag di apertura <h2> si trova all'interno di una coppia di <h1>-tag, allora anche il suo tag di chiusura associato </h2> deve trovarsi all'interno della stessa coppia di <h1>-tag.

Di conseguenza, tutti i tag di un documento formano una sorta di albero dei tag. Prima c'è il tag di livello superiore, che racchiude l'intero documento, di solito si chiama <html>, ha coppie di tag figlio, ognuna delle quali può avere altre coppie figlio, e così via.

In realtà, un programma che elabora un documento con i tag lo vede proprio così — come un albero di tag con del testo nidificato.

3. Tag singoli

Tag vuoto

Se un tag non ha contenuto, di solito sembra così:

<tag> </tag>

Per tali tag è stata ideata una registrazione compatta speciale:

<tag/>

Nota che questo tag è diverso dal tag di chiusura — la barra obliqua è posizionata alla fine. Questa è semplicemente una versione ridotta di una coppia di tag vuoti. È chiamato proprio così — tag vuoto.

Tag singoli

Tuttavia, in HTML ci sono anche tag singoli speciali. Non hanno tag di chiusura. L'elenco di tali tag è definito dallo standard HTML. Esempi:

• <br> — ritorno a capo;
• <hr> — linea di separazione;
• <img> — immagine.

Ce ne sono un totale di 14, metà di essi sono di servizio e l'altra metà è apparsa già nella prima versione di HTML. Al giorno d'oggi è preferibile non introdurre nuovi tag di questo tipo.