Jedna od oznaka koju ćete naučiti u ranoj fazi web dizajn obrazovanje je par oznaka poznatih kao "oznake s naglaskom". Pogledajmo koje su to oznake i kako se danas koriste u web dizajnu.
Povratak na XHTML
Ako ste HTML naučili prije mnogo godina, puno prije uspona HTML5, vjerojatno ste koristili oznake podebljano i kurziv. Kao što biste očekivali, ove su oznake pretvorile elemente u podebljani tekst ili u kurziv. Problem s tim oznakama i zašto su gurnuti u stranu u korist novih elemenata (što ćemo pogledati uskoro) jest taj što oni nisu semantički elementi. To je zato što oni definiraju kako tekst treba izgledati, a ne informacije o tekstu. Zapamtite, HTML (gdje bi se te oznake napisale) zasniva se na strukturi, a ne na vizualnom stilu! Vizualom se bavi CSS i najbolje prakse u web dizajnu već dugo drže da na svojim web stranicama trebate imati jasno razdvajanje stila i strukture. To znači da se ne koriste elementi koji nisu semantički i koji detalji izgledaju prije nego struktura. Zbog toga su podebljani i
kurziv oznake su općenito zamijenjene jakim (podebljano) i naglaskom (kurziv).i
Snažni i naglašeni elementi dodaju informacije vašem tekstu, detaljno opisujući sadržaj koji bi trebao biti različito tretiran i naglašen kada se taj sadržaj govori. Ove elemente upotrebljavate gotovo na isti način kao što biste to koristili podebljano i kurziv u prošlosti. Jednostavno okružite svoj tekst početnim i završnim oznakama ( i za isticanje i i za snažno naglašavanje) i bit će naglašen priloženi tekst.
Možete ugnijezditi ove oznake i nije važno koja je vanjska oznaka. Evo nekoliko primjera.
Ovaj je tekst naglašen a većina bi ga preglednika prikazala kurzivom.
Ovaj je tekst snažno naglašen a većina bi ga preglednika prikazivala podebljano.
U oba ova primjera ne diktiramo vizualni izgled s HTML. Da, zadani izgled datoteke oznaka bila bi kurziv i bilo bi podebljano, ali taj izgled lako bi se mogao promijeniti u CSS-u. Ovo je najbolje iz oba svijeta. Možete koristiti zadane stilove preglednika da biste u dokumentu dobili kurziv ili podebljani tekst, a da zapravo ne prelazite crtu i ne miješate strukturu i stil. Recite da ste to htjeli tekst ne samo da bude podebljan već i crven, možete ga dodati na SCS.
jak {
boja: crvena;
}
U ovom primjeru ne trebate dodavati svojstvo za podebljani font-weight jer je to zadano. Međutim, ako to ne želite prepustiti slučaju, uvijek možete dodati:
jak {
font-weight: podebljano;
boja: crvena;
}
Sad biste imali zajamčeno da imate stranicu s podebljanim (i crvenim) tekstom gdje god da je koristi se oznaka.
Udvostručite naglasak
Jedna stvar koju smo primijetili tijekom godine jest što se događa ako pokušate udvostručiti naglasak. Na primjer:
Ovaj bi tekst trebao imati oboje podebljano i u kurzivu tekst unutar njega.
Pomislili biste da bi ovaj redak stvorio područje koje ima podebljani tekst I kurziv. Ponekad se to zaista dogodi, ali vidjeli smo da neki preglednici poštuju samo drugi od dva stila naglaska, onaj najbliži stvarnom tekstu u pitanju, i prikazuju ga samo kurzivom. To je jedan od razloga zašto ne udvajamo oznake s naglaskom.
Drugi razlog za izbjegavanje ovog "udvostručavanja" je u stilske svrhe. Obično je dovoljan jedan oblik naglaska da se prenese ton koji želite postaviti. Ne trebate podebljavati, stavljati kurziv, bojiti, povećavati i podvlačiti tekst kako bi se istaknuo. Taj će tekst, hoće li sve te različite vrste naglaska, postati grozan. Stoga budite oprezni kada koristite oznake naglaska ili CSS stilove za naglašavanje i ne pretjerujte.
Bilješka o podebljanom i kurzivu
Posljednja misao - dok podebljani () i kurziv () više se ne preporučuje da se koriste kao elementi naglaska, neki web dizajneri koriste te oznake za oblikovanje redaka teksta. U osnovi, koriste ga kao element. To je lijepo jer su oznake vrlo kratke, ali korištenje ovih elemenata na ovaj način obično se ne preporučuje. Spominjemo ga u slučaju da ga na nekim web lokacijama vidite da se ne koristi za stvaranje podebljanog ili kurzivnog teksta, već za izradu CSS udice za neku drugu vrstu vizualnog stila.