Un principiu impurtante di u Muvimentu di Studi Web chì hè rispunsevule per l'industria chì avemu l'oggi è l'idea di utilizà elementi HTML per ciò chì sò più di quantu puderanu esse apparutu in u vostru navigatore da modu predeterminatu. Questu hè cunnisciutu com'è l'HTML semànicu.
Chì ghjè l'HTML semànicu
L'HTML semàntica o marcatu semantariu hè HTML chì introducese significatu à a pàgina web in lenza di solu a presentazione. Per esempiu, una tag
indica chì u testu inghjò hè un paràgrafu.
Questu hè semanticu è presentativu, perchè a ghjente sà ciò chì i paragrafi è i navigatori sapè cumu esse visibili.
Nantu à a testa di sta equazzioni, taggiate cum'è è ùn sò micca semantichi, perchè elle ùn definitendu solu chì u testu deve vede (negu o itàlicu) è ùn furnisce micca significatu addiziale à u marcatu.
Esempi di e tagghi HTML semàntii inclusi l'tague header
per , , è . Ci sò assai più etichettivi HTML semanticu chì ponu esse usatu cum'è custruisce un situ web cumunitale di cunnessione.
Perchè deve cura per Semantica
U beneficu di scrivite HTML semànticu vene da quale esse l'uperazione di ogni pagina web-u disiu di cumunicà. Per aghjurnà tagghi semantichi in u vostru ducumentu, vi furnisce infurmazione addiziunale quellu documentu, chì aiuta à a cumunicazione. Specificamenti, e tagghi semantichi fannu chjaru à u browser u significatu di u significatu di una pagina è u so cuntenutu.
Questa chiarità hè cumunicata ancu cù i search engines, assicurendu chì e pagine in seguente sò dispuniti pè e dritte correctly.
Etichetti HTML semàntici furnite infurmazione nantu à u cuntenutu di ei tag chì vai fora da quandu si vedanu una pagina. U testu chì hè aggruppatu in l'etiqueta hè assudatu immediatamenti da u navigatore cum'è qualchì centru di lingua di codificazione.
Invece di pruvà di rende stu codice, u vostru navigatore compite chì avete usendu stu testu com'è un esempiu di u codice per a fini di un articulu o tutoriale in ligna di qualche parolle.
Aduprà tagghi semantichi ponu assai più d'agnelli per stilaccià u vostru cuntenutu. Forsi oghje preferite avè u vostru chjave di u mostru in u stili di u strumentu predeterminatu, ma dumani, vulete chjamate fora cù un culore di fondu grisu, è più tardi vulemu definisce a famiglia di tipa mono-spazjata precisa o stage di stazzione per utilizà i vostri segni. Pudete fà fà facilmente queste st'alocu cù un tagame semanticu è appillatu appiccicatu CSS.
Aduprate chjassi semantici
Quandu vulete usà e tags semantichi per trascrivenu u sensu in quantu per un scopu di presentazione, tenete bisognu di voi chì ùn avete micca adupralli micca incorreite solu per i so proprietà di cumuni. Alcune di i tags semantichi più cumunemente utilizati:
- Blockquote - Certi città utilizanu l'tag per indentà u testu chì ùn hè micca una cita. Questu hè chì i blockquotes sò indiziosi da u situ. Se vulete solu bisogni di l'indulgenza, ma u testu ùn hè micca un blockquote, utilizate marguali CSS in oltre.
- p - Certi edituri web utilizanu
& nbsp; (un spaziu chì s'hè micca spustatu in un paragraof) per aghjunghje spaziu supplementu entre l'elementi di a pàgina, in prive di definisce i paragrafi proprie per u testu di sta pagina. Cum'è cù l'esempiu di indentendu esmentatu, pudete aduprà u marghjenu o stille proprietà d'altru per aghjunghje spaziu.
- ul - Cum'è blockquote, elliottu testu in una tag
indizia chì u testu in a maiò parte di i browseri. Questu hè semurale incorrecte è HTML invàlidi, cum'è solu l'tag - sò validi in una tag
. Dopu, utilizate u marghjulu o stile di rinfriscanti per indent text.
- h1-h6 - L 'tagghi di rùmpri pò esse usatu per fà e mai più furtunati i più forti, ma se u testu ùn hè micca un capìtulu, ùn deve esse micca in un tagu di rùbbrica. Aduprate a fonte-pesu è font-size CSS pruprietà in casu di vulete mudificà a taglia o pesu di un testu specchiu in a vostra pagina ...
U usu di l'etiflore HTML chì anu significatu, create pagini chì imparte più informazioni cà solu circundate tuttu cù
tags.
Quali tags HTML sò semantici?
Mentre chì quasi ogni tag HTML4 è tutte e tagghi HTML5 anu un significatu semàntanu, certi tags sò primarmenti semantici in natura.
Per esempiu, HTML5 hà rifiamentu di u significatu di i tag è d'esse semàntici. L'etiqueta ùn porta micca più impurtanza, ma hè più stampatu chì hè tipu presu in garbu. U tag ùn mancanu ancu più impurtanza o énfasi, ma simplifiche u testu chì hè tipicu in l'itàlicu.
Semantic HTML Tags
Abbreviazione Acronimu
Cotatazione larga Definizione Direzione per autore (s) di u documentu Citation Code reference Testu di Teletype Division Logica Contenutu di genere inline style Testu sguassatu Testu inseritu Emphasis Enfasi sguardu
Prima di u nivellu
U titulu di seconda livellu
Titulu terzu
Titulu di quartu nivulu
Quest-level headline
Titulu di sittu nivulu
Scuperta tematica Testu da esse ingressu da l'utilizatore
Testu pre-furmatu
Cumpressu in linia Prupute di mostra Subscript Superscript Testu chjaru variatu o à usu definitu
, è . Ci sò assai più etichettivi HTML semanticu chì ponu esse usatu cum'è custruisce un situ web cumunitale di cunnessione.
Perchè deve cura per Semantica
U beneficu di scrivite HTML semànticu vene da quale esse l'uperazione di ogni pagina web-u disiu di cumunicà. Per aghjurnà tagghi semantichi in u vostru ducumentu, vi furnisce infurmazione addiziunale quellu documentu, chì aiuta à a cumunicazione. Specificamenti, e tagghi semantichi fannu chjaru à u browser u significatu di u significatu di una pagina è u so cuntenutu.
Questa chiarità hè cumunicata ancu cù i search engines, assicurendu chì e pagine in seguente sò dispuniti pè e dritte correctly.
Etichetti HTML semàntici furnite infurmazione nantu à u cuntenutu di ei tag chì vai fora da quandu si vedanu una pagina. U testu chì hè aggruppatu in l'etiqueta hè assudatu immediatamenti da u navigatore cum'è qualchì centru di lingua di codificazione.
Invece di pruvà di rende stu codice, u vostru navigatore compite chì avete usendu stu testu com'è un esempiu di u codice per a fini di un articulu o tutoriale in ligna di qualche parolle.
Aduprà tagghi semantichi ponu assai più d'agnelli per stilaccià u vostru cuntenutu. Forsi oghje preferite avè u vostru chjave di u mostru in u stili di u strumentu predeterminatu, ma dumani, vulete chjamate fora cù un culore di fondu grisu, è più tardi vulemu definisce a famiglia di tipa mono-spazjata precisa o stage di stazzione per utilizà i vostri segni. Pudete fà fà facilmente queste st'alocu cù un tagame semanticu è appillatu appiccicatu CSS.
Aduprate chjassi semantici
Quandu vulete usà e tags semantichi per trascrivenu u sensu in quantu per un scopu di presentazione, tenete bisognu di voi chì ùn avete micca adupralli micca incorreite solu per i so proprietà di cumuni. Alcune di i tags semantichi più cumunemente utilizati:
- Blockquote - Certi città utilizanu l'tag per indentà u testu chì ùn hè micca una cita. Questu hè chì i blockquotes sò indiziosi da u situ. Se vulete solu bisogni di l'indulgenza, ma u testu ùn hè micca un blockquote, utilizate marguali CSS in oltre.
- p - Certi edituri web utilizanu
& nbsp; (un spaziu chì s'hè micca spustatu in un paragraof) per aghjunghje spaziu supplementu entre l'elementi di a pàgina, in prive di definisce i paragrafi proprie per u testu di sta pagina. Cum'è cù l'esempiu di indentendu esmentatu, pudete aduprà u marghjenu o stille proprietà d'altru per aghjunghje spaziu.
- ul - Cum'è blockquote, elliottu testu in una tag
indizia chì u testu in a maiò parte di i browseri. Questu hè semurale incorrecte è HTML invàlidi, cum'è solu l'tag - sò validi in una tag
. Dopu, utilizate u marghjulu o stile di rinfriscanti per indent text.
- h1-h6 - L 'tagghi di rùmpri pò esse usatu per fà e mai più furtunati i più forti, ma se u testu ùn hè micca un capìtulu, ùn deve esse micca in un tagu di rùbbrica. Aduprate a fonte-pesu è font-size CSS pruprietà in casu di vulete mudificà a taglia o pesu di un testu specchiu in a vostra pagina ...
U usu di l'etiflore HTML chì anu significatu, create pagini chì imparte più informazioni cà solu circundate tuttu cù
tags.
Quali tags HTML sò semantici?
Mentre chì quasi ogni tag HTML4 è tutte e tagghi HTML5 anu un significatu semàntanu, certi tags sò primarmenti semantici in natura.
Per esempiu, HTML5 hà rifiamentu di u significatu di i tag è d'esse semàntici. L'etiqueta ùn porta micca più impurtanza, ma hè più stampatu chì hè tipu presu in garbu. U tag ùn mancanu ancu più impurtanza o énfasi, ma simplifiche u testu chì hè tipicu in l'itàlicu.
Semantic HTML Tags
Abbreviazione Acronimu
Cotatazione larga Definizione Direzione per autore (s) di u documentu Citation Code reference Testu di Teletype Division Logica Contenutu di genere inline style Testu sguassatu Testu inseritu Emphasis Enfasi sguardu
Prima di u nivellu
U titulu di seconda livellu
Titulu terzu
Titulu di quartu nivulu
Quest-level headline
Titulu di sittu nivulu
Scuperta tematica Testu da esse ingressu da l'utilizatore
Testu pre-furmatu
Cumpressu in linia Prupute di mostra Subscript Superscript Testu chjaru variatu o à usu definitu