Prima di iniziare, è necessario chiarire il fatto. Il layout di una pagina Web non è né facile né complicato come può sembrare. È possibile comprendere, tramite il layout di una pagina Web , l’azione di portare un codice o un’idea di una pagina Web nel codice HTML.
In altre parole, tradurrebbe l’idea o il design del creatore della pagina nel codice che le darà vita . Determinare la posizione di tutti gli elementi che apparterranno ad esso. Oltre agli stili, effetti, animazioni e praticamente tutto il contenuto che possiedi.
Quindi, se si desidera assorbire i principi di base per poter disporre una pagina Web. Utilizzo del codice HTML5 e mantenimento di un senso semantico completo, utile per i browser Web. Quindi hai raggiunto il posto giusto, questa guida è per te.
Perché usare HTML5 invece di XHTML?
Sebbene molti sviluppatori utilizzino sia HTML che XHTML , c’è una certa differenza tra loro . Coloro che li usano di solito raggruppano o separano elementi usando div per metterli a strati. Che è funzionale , anche se hai circa 40 div che definiscono la struttura di un progetto o di una pagina web.
Per coloro che hanno conoscenza di ciò che ciò significa , non ci sarà nulla di strano o di difficile da capire . Ma è difficile per i motori di ricerca web capire il contenuto all’interno di queste righe di codice. Dal momento che non è in grado di distinguere tra i diversi contenuti della piattaforma elettronica dal modo in cui è scritta.
Raccogliendo in quel piccolo dettaglio il fatto che fa la differenza tra HTML5 e XHTML. Perché il primo menzionato ha etichette da definire o una struttura in modo semantico. In contropartita al suo concorrente, non ha la capacità o il supporto per queste etichette.
Considerando HTML5 come un codice semantico , perché la sua struttura di base ha senso per i motori di ricerca. E quindi, nell’ambito del tema di questa scrittura, ha senso per la SEO . Consentire a qualsiasi browser Web di determinare ogni parte di una pagina, anche se non ha contenuto.
Poiché è logico e necessario, definiremo quali sono queste etichette che contribuiscono a un maggiore senso semantico:
- Per definire l’intestazione della pagina Web e determinare quale contenuto è incluso in essa, viene utilizzato il tag di intestazione .
- Il tag nav è responsabile della rappresentazione di un menu. Essere riconosciuto dai motori di ricerca come struttura della navigazione della pagina web.
- Il termine usato per raggruppare e determinare i titoli del nostro sito Web e dare loro la rispettiva importanza è: hgroup .
- La sezione e l’articolo è l’etichetta che sostituisce i livelli div precedentemente responsabili della definizione degli elementi di una pagina Web. Questi nuovi tag sono molto più utili perché consentono di definire articoli di base e sezioni al loro interno.
- A parte è responsabile per la definizione e allo stesso tempo raggruppare alcuni tipi di elementi su una pagina web. In particolare il contenuto secondario come colonne laterali o pannelli informativi laterali.
- Per poter definire e allo stesso tempo raggruppare gli elementi appartenenti al piede di una pagina Web, viene utilizzato il tag
