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, a
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.
Par šī vienādojuma flip pusē atzīmes, piemēram un nav semantiskas, jo tās nosaka tikai to, kā tekstam jā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 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 pievienots 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. 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: Izmantojot HTML tagus, kuriem ir nozīme, jūs izveidojat lapas, kurās tiek sniegta plašāka informācija nekā tikai ar apkārtējo saturu Lai gan gandrīz katram HTML4 tagam un visiem HTML5 tagiem ir semantiska nozīme, daži tagi galvenokārt ir semantiski raksturīgi. Piemēram, HTML5 ir no jauna definējusi tā nozīmi un tagi ir semantisks. The tag neuzrāda papildu nozīmi, bet gan tekstu, kas parasti tiek izcelts treknrakstā. The Tag arī neuzrāda papildu nozīmi vai uzsvaru, bet drīzāk definē tekstu, kas parasti tiek attēlots kursīvā. Semantiskā HTML tagicauri
,
,
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
Tag tiek nekavējoties atpazīta pārlūkprogrammā kā kāda veida kodēšanas valoda. Izmantojiet semantiskos tagus pareizi
tags teksta ievilkšanai, 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.
tag ievilk, ka teksts vairumā pārlūkprogrammu. Tas ir gan semantiski nepareizs, gan nederīgs HTML kā tikai
tag Atkal izmantojiet margin vai polsterēšanas stilu, lai ievilktu tekstu.
Kuri HTML tagi ir semantisks?
Saīsinājums Akronīms Long citāts Definīcija Adrese dokumenta autoram (-iem) Citāts Koda atsauce Teletype teksts Loģiskā sadalīšana Vispārējs stila konteiners Svītrots teksts Ievietots teksts Uzsvars Spēcīgs uzsvars Pirmā līmeņa virsraksts Otrā līmeņa virsraksts Trešā līmeņa virsraksts Ceturtā līmeņa virsraksts Piektā līmeņa virsraksts Sestajā līmeņa virsraksts Tematiskais pārtraukums Teksts, kas jāievada lietotājam
Iepriekš formatēts teksts Īss cipars Parauga izlaide Apakšraksts Superscript Maināms vai lietotāja definēts teksts
