Skip to main content

Kako in kdaj uporabiti oznako poudarka v HTML

Anonim

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).

in

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 to pokazalo 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 oznaka bi bila ležeča in bi bilo krepko, toda videti je 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 si to želel Besedilo ne sme biti le krepko, temveč 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, vendar zagotovili, da bo imela stran s krepkim (in rdečim) besedilom, kjer koli oznaka se uporablja.

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 imeti oba bolded in italicized besedilo znotraj njega.

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

Končna misel - medtem ko je krepko () in poševno () tags ni več priporočljivo uporabljati kot elemente poudarka, obstajajo nekateri spletni oblikovalci, ki te oznake uporabljajo za oblikovanje besedilnih področij. V bistvu ga uporabljajo kot a 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.