Pomembno načelo gibanja spletnih standardov, ki je odgovorno za današnjo panogo, je zamisel, da uporabite HTML elemente, kaj so namesto tega, kako jih privzeto prikazujejo v brskalniku. To je znano kot uporaba semantičnega HTML-ja.
Kaj je Semantični HTML
Semantični HTML ali semantični markup je HTML, ki uvaja pomen spletne strani in ne le predstavitev. Na primer, a
oznaka pomeni, da je priloženo besedilo odstavek.
To je tako semantično kot predstavitveno, saj ljudje vedo, kateri odstavki so in brskalniki vedo, kako jih prikazujejo.
Na drugi strani te enačbe označite kot in niso semantični, saj opredeljujejo le, kako naj bo besedilo videti (krepko ali ležeče) in ne daje nobenega dodatnega pomena za označevanje. Primeri semantičnih HTML oznak vsebujejo oznake za glavo Korist pisanja semantičnega HTML izhaja iz tega, kaj naj bi bil vozni cilj katere koli spletne strani - željo po komuniciranju. Če dodate semantične oznake v dokument, podajte dodatne informacije o tem dokumentu, kar pripomore k komunikaciji. Natančneje, semantične oznake jasno razkrijejo brskalniku, kaj je pomen strani in njegove vsebine. Ta jasnost je tudi sporočena z iskalniki, kar zagotavlja, da so prave strani dostavljene za prave poizvedbe. Semantične HTML oznake vsebujejo informacije o vsebini teh oznak, ki presega, kako izgledajo na strani. Besedilo, ki je priloženo v Namesto da poskuša ustvariti to kodo, brskalnik razume, da to besedo uporabljate kot primer kode za namene članka ali neke vrste spletne tutoriala. Uporaba semantičnih oznak vam daje veliko več kavljev za oblikovanje vaše vsebine. Morda danes želite, da se vzorci kode prikazujejo v privzetem slogu brskalnika, vendar jutri jih želite poklicati s sivo barvo ozadja, pozneje pa želite določiti natančno enodružno pisavo družine ali velikosti pisave za uporabo za vaše vzorce. Vse te stvari lahko preprosto naredite z uporabo semantične oznake in pametno uporabljenega CSS-a. Če želite uporabiti semantične oznake za posredovanje pomena in ne za predstavitvene namene, morate biti previdni, da jih ne uporabite nepravilno preprosto za njihove skupne lastnosti prikaza. Nekatere najpogosteje zlorabljene semantične oznake vključujejo: Z uporabo oznak HTML, ki imajo smisel, ustvarjate strani, ki prinašajo več informacij, kot pa, da jih preprosto obdržite Čeprav ima skoraj vsaka oznaka HTML4 in vse oznake HTML5 pomenski pomen, so nekatere oznake v prvi vrsti semantične narave. HTML5 je na primer spremenil pomen in oznake morajo biti semantične. The oznaka ne prinaša dodatnega pomena, temveč besedila, ki je ponavadi prikazana krepko. The oznaka tudi ne prinaša dodatnega pomena ali poudarka, temveč natančneje določa besedilo, ki se običajno prikaže v poševnem tisku. Semantične HTML oznakeskozi
,
,
in . Obstaja veliko več semantičnih HTML oznak, ki jih lahko uporabite, ko izdelate spletno mesto, ki je skladno s standardi.Zakaj bi morali skrbeti za semantiko
brskalnik takoj prepozna kot neko vrsto kodirnega jezika. Pravilno uporabite semantične oznake
oznaka za vstavljanje besedila, ki ni kotacija. To je zato, ker blokquotes privzeto zamaknejo. Če preprosto želite izkoristiti zamik, vendar besedilo ni blokovno, namesto tega uporabite robove CSS.
oznake, ki jih besedilo v večini brskalnikov. To je tako semantično napačen kot neveljaven HTML
oznaka. Še enkrat uporabite slog robnega ali oblazinjenega besedila.
Katere oznake HTML so semantične?
Kratica Akronim Dolga kotacija Opredelitev Naslov za avtorja (-e) dokumenta Navedba Oznaka kode Besedilo teletipa Logična delitev Splošni vsebnik v stilu Izbrisano besedilo Vstavljeno besedilo Poudarek Močan poudarek Naslov prvega nivoja Naslov drugega nivoja Naslov tretje ravni Naslov na četrti ravni Naslov na petem nivoju Šesti naslov Tematski prelom Besedilo, ki ga vnese uporabnik
Predhodno oblikovano besedilo Kratek povzetek Izhodni vzorec Podpis Superscript Spremenljivo ali uporabniško določeno besedilo
