Kāpēc izmantot semantisko HTML?

Svarīgs Web standartu kustības princips, kas mūsdienās ir atbildīgs par nozari, ir ideja par to, kā HTML elementus izmantot, nevis par to, kā tie pēc noklusējuma var tikt parādīti pārlūkā. To sauc par semantikas HTML izmantošanu.

Kas ir semantisks HTML

Semantiskais HTML vai semantiskais marķējums ir HTML, kas ievieš tīmekļa vietnes nozīmi, nevis tikai prezentāciju. Piemēram, tag

norāda, ka pievienotais teksts ir punkts.

Tas ir gan semantisks, gan prezentatīvs, jo cilvēki zina, kādi punkti ir, un pārlūkprogrammas zina, kā tos parādīt.

Šā vienādojuma flip pusē tagi, piemēram, un , nav semantiski, jo tie nosaka tikai to, kā teksts izskatās (treknrakstā vai slīprakstā) un nenodrošina nekādu papildu nozīmi iezīmējumam.

Semantisko HTML tagu piemēri ietver galvenes tagus

caur

,
, un . Ir vairāk semantisku HTML tagu, kurus var izmantot, veidojot standartiem atbilstošu vietni.

Kāpēc jums vajadzētu rūpēties par semantiku

Semantikas HTML rakstīšanas priekšrocība izriet no tā, kāds būtu jebkuras tīmekļa lapas braukšanas mērķis - vēlme sazināties. Pievienojot dokumentam semantikas tagus, jūs sniedzat papildu informāciju par šo dokumentu, kas palīdz saziņā. Konkrēti, semantikas tagi pārlūkprogrammai skaidri norāda, kāda ir lapas un tā satura nozīme.

Šī skaidrība tiek paziņota arī ar meklētājprogrammām, nodrošinot pareizo lapu piegādi pareizajos jautājumos.

Semantiskie HTML tagi sniedz informāciju par šo tagu saturu, kas pārsniedz to, kā viņi izskatās lapā. Teksts, kas ir ietverts tagā , tiek nekavējoties atzīts pārlūkprogrammā kā kāda veida kodēšanas valoda.

Tā vietā, lai mēģinātu padarīt šo kodu, pārlūks saprot, ka jūs izmantojat šo tekstu kā koda piemēru kāda rakstu vai tiešsaistes apmācības mērķiem.

Izmantojot semantikas tagus, jūs iegūstat daudz vairāk āķu, lai veidotu savu saturu. Iespējams, ka šodien vēlaties, lai jūsu koda paraugi tiktu parādīti noklusējuma pārlūka stilā, bet rīt jūs vēlaties tos izsaukt ar pelēko fona krāsu, un vēlāk jūs vēlaties definēt precīzu fontu saimei vienlaikus vai fontu kaudzi , ko izmantot Jūsu paraugi. Jūs varat viegli izdarīt visas šīs lietas, izmantojot semantisko atzīmi un gudri pielietoto CSS.

Izmantojiet semantiskos tagus pareizi

Ja vēlaties izmantot semantiskos tagus, lai sniegtu nozīmi, nevis prezentācijas nolūkiem, jums jābūt uzmanīgiem, ka tos nepareizi neizmantojat tikai to kopīgotajām attēlojuma rekvizītām. Daži no visizplatītākajiem semantikas tagiem:

  • Blockquote - daži cilvēki izmanto tagu
    , lai ievietotu tekstu, kas nav citāts. Tas ir tādēļ, ka pēc noklusējuma blokshēmas ir ievilktas. Ja jūs vienkārši vēlaties izmantot ievilkšanas priekšrocības, bet teksts nav bloķēšments, izmantojiet CSS marķierus.
  • p - Daži tīmekļa redaktori izmanto

    & nbsp; (neatņemama atstarpe, kas atrodas paragraoph), lai papildinātu atstarpi starp lapas elementiem, nevis definētu šīs lapas teksta faktiskos punktus. Tāpat kā iepriekš minētajā indentinga piemērā, lai pievienotu atstarpi, jums vajadzētu izmantot margin vai polsterējuma stilu.