Logo Infodit

Il tag article in HTML

Il tag <article> viene usato nei file HTML per inserire all’interno di una stessa pagina diversi contenuti indipendenti tra loro. Viene usato, ad esempio, per inserire sezioni diverse nella pagina principale di un sito oppure nella pagina iniziale di un sito di notizie dove ogni elemento di questo tipo contiene e rimanda ad un altro articolo.

L’elemento article non viene perciò usato all’interno di uno stesso articolo dato che tutti paragrafi e i sottotitoli devono essere legati al titolo principale della pagina. Lo si può considerare come un blocco div con la differenza che quest’ultimo contiene sempre elementi che sono collegati agli altri elementi della stessa pagina.

Come inserire gli elementi article in un file HTML

Per inserire un contenuto indipendente all’interno di una nostra pagina web è sufficiente usare i tag di apertura e chiusura di article nel file HTML della pagina interessata e inserire all’interno i sottotitoli e i paragrafi che vogliamo:

<article>
 <h2>La tavola periodica</h2>
   <p>La tavola periodica è la disposizione degli elementi chimici secondo un criterio ben preciso</p>
</article>

<article>
 <h2>I colori esadecimali</h2>
   <p>I colori esadecimali sono delle stringhe scritte nel codice HTML o in altri tipi di programmi con delle stringhe formate da sei caratteri</p>
</article>

Un elemento article può anche essere inserito all’interno di un altro stesso elemento e come altri tag possono essere personalizzati tramite le regole CSS e assegnandogli delle classi.

<article class="tutto">
 <article class="articolo">
 <h2>La tavola periodica</h2>
   <p>La tavola periodica è la disposizione degli elementi chimici secondo un criterio ben preciso</p>
 </article>

 <article class="articolo">
 <h2>I colori esadecimali</h2>
   <p>I colori esadecimali sono delle stringhe scritte nel codice HTML o in altri tipi di programmi con delle stringhe formate da sei caratteri</p>
 </article>

In questo esempio, nella classe “tutto” si potrebbe inserire un colore di sfondo come cornice oppure impostare una determinata lunghezza di tutta la sezione mentre per la classe degli articoli o degli altri elementi possiamo personalizzare il carattere e lo sfondo bianco, per dare un aspetto più accattivante a tutte le sezioni.

Fare tutto manualmente è sicuramente un grande e lungo lavoro: per questo motivo i programmi usati oggi per creare siti web sono progettati in modo da inserire automaticamente nella pagina principale i nuovi post creati in modo che l’utente possa leggerli semplicemente cliccandoci. L’unica cosa da fare è provare i temi disponibili e scegliere quello che piace di più.