Kāpēc izmantot semantisko HTML?
Nododiet nozīmi, izmantojot HTML
Svarīgs tīmekļa dizaina princips ir ideja izmantot HTML elementus, lai norādītu, kas tie patiesībā ir, nevis kā tie var parādīties pārlūkprogrammā pēc noklusējuma. To sauc par semantiskā HTML izmantošanu.
Kas ir semantiskais HTML?
Semantiskais HTML vai semantiskais marķējums ir HTML, kas ievieš tīmekļa lapas nozīmi, nevis tikai prezentāciju. Piemēram, a
tags norāda, ka pievienotais teksts ir rindkopa. Tam ir gan semantiska, gan prezentācija, jo cilvēki zina, kas ir rindkopas, un pārlūkprogrammas zina, kā tās parādīt.
Šī vienādojuma otrā pusē ir tādi tagi kā un nav semantiskas. Tie nosaka tikai to, kā tekstam ir jāizskatās (treknrakstā vai slīprakstā), un tie nesniedz marķējumam nekādu papildu nozīmi.
Semantisko HTML tagu piemēri ir šādi:
- Galvenes tagi
cauri
- |_+_|
Abreviatūra |_+_| Akronīms |_+_| Garš citāts |_+_| Definīcija |_+_| Dokumenta autora(-u) adrese |_+_| Citāts |_+_| Koda atsauce |_+_| Teletipa teksts |_+_| Loģiskais dalījums |_+_| Vispārējs inline stila konteiners |_+_| Izdzēsts 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 |_+_| Sestā līmeņa virsraksts |_+_| Tematiskais pārtraukums |_+_| Teksts, kas jāievada lietotājam |_+_| Iepriekš formatēts teksts |_+_| Īss iekļauts citāts |_+_| Parauga izvade |_+_| Apakšraksts |_+_| Virsraksts |_+_| Mainīgs vai lietotāja definēts teksts