Dieci tag HTML per pagine più moderne
Tempo di lettura: 5 minuti

La maggior parte degli sviluppatori web moderni scava nei tag HTML mentre creano pagine web. Se scrivi HTML da un po’, allora sei abituato a usare una varietà di tag standard che vanno da e a . Nel tempo, tuttavia, i migliori tag utilizzati per ottenere il massimo valore dal tuo HTML sono cambiati. In effetti, l’HTML si è evoluto dall’essere un semplice markup a qualcosa di natura più semantica.

Evolvendo verso un paradigma più semantico, il markup HTML non solo indica a un browser come visualizzare il contenuto della tua pagina web, ma può anche presentare il contesto del tuo markup. Questo contesto può essere utilizzato per ottenere più valore dal contenuto, sia nei propri programmi che da terze parti, inclusi i motori di ricerca.

Come modernizzare l’HTML

Quindi, quali sono alcune delle cose chiave in HTML che dovresti usare oggi per ottenere il massimo valore semantico? Nel seguente tutorial sullo sviluppo web, presenterò 10 tag HTML che possono aiutare a dare alle tue pagine molto più significato.

Espansione di per includere intestazione, piè di pagina e sezioni principali

Mentre hai un corpo nel tuo documento HTML identificato con a tag, gli sviluppatori web dovrebbero (o potrebbero) avere anche intestazione, piè di pagina e sezioni principali. Ognuno di questi aiuta a organizzare il contenuto generale all’interno del documento HTML.

Il il tag non è la stessa cosa del etichetta. Il il tag viene prima del tag e generalmente include metadati che non vengono visualizzati. Sebbene possa contenere altri tag (inclusi gli script), è al di fuori del documento HTML principale etichetta.

Il tag è posizionato all’interno del tag . Dovrebbe essere usato al posto di a

o altro tag per contenere il contenuto introduttivo e i collegamenti di navigazione presentati nel documento HTML corrente. Questo può includere titoli, un logo o un’icona per la pagina e altre informazioni. Ecco un esempio di utilizzo di un tag di intestazione:

<header>

  <h1>My Page Heading</h1>

  <!-- My page Navigation --> 

</header>


Il il tag è anche posizionato all’interno del tag ed è generalmente utilizzato per contenere informazioni che andrebbero a piè di pagina; elementi come mappa del sito, informazioni di contatto, collegamenti di navigazione, informazioni sull’autore, informazioni sul copyright e un collegamento ai termini di utilizzo.

Infine, il tag viene utilizzato per contenere il contenuto univoco in una determinata pagina. Le strutture della tua pagina che vengono trasferite ad altre pagine come l’intestazione, il piè di pagina e gli elementi laterali non devono essere contenute nel etichetta.

Leggi: BUONE PRATICHE E CONSIGLI PER LE INTESTAZIONI SEO.

Navigazione su una pagina con

Come accennato, la navigazione in una pagina avviene spesso nell’intestazione. Per aiutare a presentare meglio i tuoi contenuti HTML, puoi identificare e contenere la tua navigazione principale con a

Di Simone Serra

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.