Ena izmed oznak, ki se boste zgodaj naučili v izobraževanju spletnega oblikovanja, je par oznak, imenovanih »oznake poudarka«. Oglejmo si, kaj so te oznake in kako se danes uporabljajo v spletnem oblikovanju.
Nazaj na XHTML
Če ste se naučili pred več kot tridesetimi leti, še pred dvigovanjem HTML5, ste verjetno uporabljali krepko in poševno oznako. Kot bi pričakovali, so te oznake spremenile elemente v krepko ali kurzivno besedilo. Težave s temi oznakami in zakaj so bile zavrnjene v prid novih elementov (ki jih bomo kmalu ogledali) je, da niso semantični elementi. To je zato, ker opredeljujejo, kako naj bi besedilo izgledalo namesto informacij o besedilu. Ne pozabite, da HTML (kar je, če bi bile te oznake napisane), je vse o strukturi, ne pa o vizualnem slogu! Vizualne predmete obravnava CSS in najboljše prakse spletnega oblikovanja že dolgo trdijo, da bi morali na svojih spletnih straneh jasno ločiti slog in strukturo. To pomeni, da ne uporabljamo elementov, ki so nesemantični in katere podrobnosti so namesto strukture. Zato so krepko in poševno oznako na splošno nadomestili z močnimi (krepko) in poudarjanjem (za poševno pisavo).
& lt; strong & gt; in & lt; em & gt;
Močni in poudarjeni elementi v besedilo dodajo informacije, ki podrobno opisujejo vsebino, ki jo je treba obravnavati drugače in poudariti, kdaj se ta vsebina govori. Te elemente uporabljate precej na enak način, kot ste v preteklosti uporabljali krepko in poševno. Preprosto obkrožite svoje besedilo z oznakami za odpiranje in zapiranje ( in za poudarek in in za močan poudarek), poudarjeno pa bo tudi priloženo besedilo.
Te oznake lahko gnezdite in ni pomembno, kakšna je zunanja oznaka. Tukaj je nekaj primerov.
To besedilo je poudarjeno in večina brskalnikov bi jo prikazala kot poševno. To besedilo je močno poudarjeno in večina brskalnikov bi jo prikazala kot krepko.V obeh primerih ne narekujemo vizualnega videza z HTML-jem. Da, privzeti videz oznake bi bil ležeča pisava in bi bil krepko, toda to izgleda bi bilo mogoče zlahka spremeniti v CSS. To je najboljše iz obeh svetov. Lahko uporabite privzete sloge brskalnika, da v dokumentu pošiljajo poševno ali krepko besedilo, ne da bi dejansko prečkali linijo in mešali strukturo in slog. Recite, da želite, da besedilo ne le krepko, ampak tudi rdeče, lahko dodate to v CSS
močno {
barva: rdeča;
}
V tem primeru vam ni treba dodati lastnosti za krepko pisavo, ker je to privzeto. Če tega ne želite zapustiti, ga lahko vedno dodate v:
močno {
font-weight: bold;
barva: rdeča;
}
Zdaj bi bili vsi skupaj, a zagotovili, da bo imela stran s krepkim (in rdečim) besedilom, kjer koli bo uporabljena oznaka .
Dvakrat gor na poudarek
Ena stvar, ki sem jo opazil čez leto, je, kaj se zgodi, če poskusite podvojiti poudarek. Na primer:
To besedilo mora vsebovati besedilo krepko in poševno .Mislili bi, da bi ta vrstica ustvarila področje, ki ima krepko besedilo in poševno. Včasih se to dejansko zgodi, vendar sem videl, da nekateri brskalniki le počastijo drugi od dveh stilov poudarka, ki so najbližji dejanskemu besedilu, in le to prikazujejo kot poševno. To je eden od razlogov, zakaj ne dvignim oznake poudarka.
Še en razlog, da se izognemo temu "podvojitvi", je za slogovne namene. Eden od oblik poudarka, če je navadno dovolj, da bi posredovali ton, ki ga želite nastaviti. Ni vam treba krepko, kurzivno, barvno, povečavo in podčrtano besedilo, da bi se lahko iztisnil. To besedilo bo vse te različne vrste poudarka postalo grozno. Bodite previdni pri uporabi oznak poudarka ali CSS stilov, da poudarite in ne pretiravajte.
Opomba krepko in poševno
Ena končna misel - medtem ko krepki () in kurzivni () oznaki niso več priporočljivi za uporabo kot elementi poudarka, obstajajo nekateri spletni oblikovalci, ki te oznake uporabljajo za oblikovanje besedilnih področij besedila. V bistvu ga uporabljajo kot element. To je lepo, ker so oznake zelo kratke, vendar uporaba teh elementov na ta način sploh ni priporočljiva. V nadaljevanju omenjam, če ga vidite na nekaterih mestih, ki se ne uporabljajo za ustvarjanje krepkega ali ležečega besedila, temveč za ustvarjanje CSS kljukice za kakšno drugo obliko vizualnega stila.
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 12.2.16.