Tag e attributi


Lezione 6 / 29

Tag e attributi

Di Paola Pichierri


tag HTML html5

 L' HTML (acronimo di hypertext markup language) è un linguaggio di markup composto da una serie di elementi, noti come tag e attributi, che costituiscono il fulcro della struttura di una pagina web, il suo scheletro. 

Immaginiamoli come un insieme di strumenti che permettono di modellare il nostro documento.  

Ad esempio, vi sono elementi che consentono di inserire immagini in html, così come video o link, ed elementi che permettono di inserire titoli, paragrafi e molto altro ancora.  

Vi sono ancora altri elementi che non hanno una rappresentazione tangibile, ma il cui unico scopo è quello di dare un valore semantico ad una parte del documento in cui vengono inseriti. Questi ultimi sono noti come tag semantici, ma li vedremo in seguito.

 

Struttura di un tag

Andiamo, ora, nel dettaglio dei tag HTML e analizziamo le parti che li compongono. Un elemento HTML è composto normalmente da due tag: il tag di apertura e il tag di chiusura.  
 

<h1> Hello World! </h1>

Struttura di un elemento HTML 

 

Il tag di apertura è composto dal nome dell’elemento (nell’esempio qui sopra si tratta di un titolo) racchiuso tra le parentesi angolari (“<” e “>”). 

Il tag di chiusura ha la stessa struttura di quello di apertura, con la differenza che il nome dell’elemento è preceduto da uno slash “/”.  

È importante ricordare che gli elementi non sono tag, ma sono rappresentati da tag all’interno del codice. Tuttavia, sono considerati erroneamente la stessa cosa. I tag di apertura e di chiusura vanno ad abbracciare il contenuto.

Non tutti gli elementi, però, seguono il modello sopracitato: alcuni sono costituti da un singolo tag che viene generalmente utilizzato per inserire/incorporare qualcosa all’interno del documento HTML (ad esempio, il tag <img> che consente di inserire immagini in html). Questi tag, noti come tag autoconclusivi, non possiedono un contenuto, ma possono presentare dei loro attributi che permettono di aggiungere ulteriori informazioni (come l’attributo src per il tag <img>). 

 

Attributi in HTML

Come appena menzionato, oltre ad un tag ed un contenuto, l’elemento può avere degli attributi. Questi ultimi definiscono i valori o le proprietà che i browser utilizzano per l’elaborazione del documento. Ad esempio, il tag <a> (anchor) permette di inserire un link all’interno del documento. A consentirlo è l’attributo “href”, che contiene, nel concreto, il riferimento ipertestuale, cioè un link esterno a cui l’utente sarà indirizzato.

L’attributo “rel” identifica la relazione tra il documento corrente (quello contenente il link) e il documento di destinazione (quello inserito nell’href).  
 

<a href="" rel="">Link</a>

Tag anchor 

 

Come è possibile vedere nell’esempio qui sopra, gli attributi sono coppie chiave-valore separate dal carattere = (uguale) seguito dal valore assegnatogli racchiuso tra virgolette. 

Molti degli attributi in HTML5 sono noti come attributi globali, vale a dire che sono disponibili per tutti gli elementi. Tuttavia, la maggior parte degli elementi possiede uno specifico set di attributi, disponibili solo per loro.   

 

Precedente

5 Il template HTML

Successivo

7 Tag generici