Jedna od tagova koje ćete naučiti ranije u obrazovanju za web dizajn je par oznaka poznatih kao "oznake naglaska". Hajde da pogledamo koje su ove oznake i kako se danas koriste u web dizajnu.
Nazad na XHTML
Ako ste naučili HTML pre mnogo godina, mnogo pre porasta HTML5, verovatno ste koristili i bold i kurzivu oznake. Kao što biste očekivali, ovi tagovi su postali elementi u masnim tekstovima ili kurzivu. Problem sa ovim oznakama i zašto su ih otklonili u korist novih elemenata (koje ćemo uskoro pogledati) je da oni nisu semantički elementi. To je zato što definišu kako tekst treba da izgleda, a ne informacije o tekstu. Zapamtite, HTML (gde se nalaze ove oznake) je sve o strukturi, a ne vizuelnom stilu! Vizuelnim pitanjima upravlja CSS i najbolje prakse web dizajna već dugo smatraju da trebate imati jasno razdvajanje stila i strukture na vašim web stranicama. To znači da ne koristite elemente koji su nesemantični i koji detalj izgleda više nego struktura. Zbog toga su bold i kurzivne oznake generalno zamenjene jakim (za bold) i naglaskom (za kurzivu).
& lt; jak & gt; i & lt; em & gt;
Jaki i naglašeni elementi daju informacije vašem tekstu, detaljno opisuju sadržaj koji treba tretirati različito i naglasiti kada se taj sadržaj govori. Ove elemente koristite prilično isto kao što ste u prošlosti koristili bold i kurziv. Jednostavno okružite svoj tekst pomoću oznaka za otvaranje i zatvaranje ( i radi naglaska i i za jako naglašavanje) i priloženi tekst će biti naglašen.
Ove oznake možete ugasiti i nije bitno koja je vanjska oznaka. Evo nekoliko primera.
Ovaj tekst je naglašen i većina pretraživača biće prikazana kao kurziv. Ovaj tekst je jako naglašen i većina pregledača će je prikazati kao bold type.U oba ova primera, ne diktiramo vizuelni izgled sa HTML-om. Da, podrazumevani izgled oznake bi bio kurziv, a bi bilo krepko, ali bi se taj izgled lako promenio u CSS-u. Ovo je najbolje od oba sveta. Možete podstaknuti podrazumevane stilove pretraživača da biste dobili svoj italicizirani ili mastan tekst u vašem dokumentu, bez prelaska linije i strukture miješanja i stila. Recite da želite da taj tekst ne bude samo boldiran, već i da bude crven, možete ga dodati CSS-u
jak {
boja: crvena;
}
U ovom primjeru ne morate dodavati svojstvo za težinu fonta, jer je to podrazumevano. Međutim, ako ne želite da to ostavite slučajnom, uvek možete dodati:
jak {
font-weight: bold;
boja: crvena;
}
Sad biste bili sigurni da imate neku stranu sa masnim (i crvenim) tekstom gde god se koristi oznaka .
Dvostruko uz naglasak
Jedna stvar koju sam primetio tokom godine je ono što se dešava ako pokušate da udvostručite naglasak. Na primjer:
Ovaj tekst bi trebao imati i bolded and italicized tekst unutar njega.Vi biste mislili da će ova linija proizvesti oblast koja ima bold i kurzivu tekst. Ponekad se to stvarno dešava, ali video sam da neki pretraživači samo poštuju drugi od dva načina naglaska, onaj koji je najbliži aktuelnom tekstu i to samo pokazuje kao kurzivu. Ovo je jedan od razloga zašto se ne povećavam na oznakama naglaska.
Još jedan razlog za izbjegavanje ovog "udvostručavanja" je u stilske svrhe. Jedan od oblika naglaska ako je obično dovoljno da prenesete ton koji želite postaviti. Ne morate boldovati, kurzivati, bojati, uvećavati i naglašavati tekst kako bi se istakao. Taj tekst će sve te različite vrste naglaska postati gurmanski. Zato budite pažljivi kada koristite oznake nagoveštaja ili CSS stilove da biste obezbedili naglasak i ne preterujte ga.
Napomena o boldu i kurzivu
Konačna misao - dok se oznake bolda () i kurziv () više ne preporučuju da se koriste kao elementi naglaska, postoje neki web dizajneri koji koriste ove oznake da bi stajali u obliku tekstualnih oblasti. U suštini, oni ga koriste kao element. Ovo je lepo jer su oznake veoma kratke, ali se ovim elementima na ovaj način ne preporučuje. Ja spomenem, u slučaju da ga vidite na nekim sajtovima koji se ne koriste za kreiranje smelog ili kurzivnog teksta, već za kreiranje CSS kuke za neku vrstu vizuelnog stila.
Originalni članak Jennifer Krynin. Uredio Jeremy Girard na 12/2/16.