Come configurare smartphone e PC. Portale informativo

HTML5. Contenuti caricabili e generati

Cos'è la semantica in HTML?

La parola "semantica" è arrivata in HTML dalle comuni discipline linguistiche (linguistiche). Lì, il concetto di "semantica" si riferisce a sezioni che studiano il significato e lo scopo delle unità linguistiche umane. A differenza dei linguaggi umani reali, non è necessario apprendere le unità linguistiche in HTML. In HTML, le unità linguistiche sono chiamate "tag" e il loro scopo è già enunciato nelle specifiche HTML, un documento uniforme per tutti gli sviluppatori web. Al momento, ci sono diverse variazioni sulla specifica HTML (a seconda della versione della lingua), ma non è questo il punto. Ora, noi e questo articolo, qualcos'altro è importante. Questa è la presenza di una spiegazione chiara e comprensibile per ciascuna unità linguistica - il tag HTML, nella specifica HTML corrispondente. Pertanto, se nella linguistica reale nel linguaggio umano, la semantica è lo studio dello scopo di parole e concetti incomprensibili, quindi in HTML, al contrario, la semantica è l'applicazione e l'uso corretti di tag già pronti e spiegati.

Layout semantico di un documento web

Il layout semantico di una pagina web o il codice semantico di un documento HTML è un layout con l'uso corretto dei tag HTML in accordo con il loro scopo (semantica). Inoltre, il layout semantico presuppone una gerarchia logica e coerente per la costruzione dell'intera pagina Web in conformità con le leggi di un documento HTML.

In che modo il layout semantico differisce dal solito?
Il layout semantico di un documento web si contrappone a quello consueto, in cui la scrittura del codice HTML è determinata solo dall'aspetto della pagina web. Con il layout semantico, un certo numero di elementi della pagina ha i propri tag che riflettono direttamente il loro scopo. Questa è la "semantica" in HTML. Quindi, ad esempio, la struttura di una semplice pagina Web in un layout convenzionale potrebbe assomigliare a questa:

Intestazione del sito



Contenuto della pagina web


Quindi, come con il layout semantico, la struttura della stessa pagina Web sarà simile a:
Intestazione del sito



Contenuto della pagina web

Piè di pagina del sito

Come puoi vedere dall'esempio, i tag corrispondenti vengono utilizzati per designare e definire i corrispondenti elementi standard della pagina web. Inoltre, il codice è molto più semplice. Allo stesso tempo, l'aspetto di tale pagina per l'occhio umano rimarrà assolutamente invariato. Sorge una domanda ragionevole: perché allora abbiamo bisogno del layout semantico e del markup di una pagina web se non è visibile alle persone?

Perché hai bisogno del layout semantico?

Il layout semantico e il markup della pagina web sono visibili al browser e ai robot. Il layout semantico e il markup consentono di determinare con maggiore precisione l'importanza dei singoli elementi di una pagina Web e dell'intero testo nel suo insieme Pertanto, prima di tutto, è necessario il layout semantico per migliorare la funzionalità robotica del sito e, di conseguenza, per migliorare la sua indicizzazione di ricerca. Non è quello che tutti noi sogniamo?

Layout semantico in HTML5

Una sensazione e una rivoluzione completa del concetto di semantica web si è verificata con l'avvento di HTML5.

Tutto era abbastanza semplice in HTML4. Per progettare pagine web scritte secondo la semantica è stato sufficiente utilizzare fogli di stile a cascata (CSS) esterni e un paio di semplici innovazioni, come la sostituzione dei tag e sul e ... HTML5 non è un esempio più "semantico" e questo si vede dall'esempio dato.

Nuovi popolari tag semantici HTML5

In primis,- un doctype semplice e comprensibile per tutti.

Principali articoli correlati