Kako in kdaj uporabiti oznako s poudarkom v HTML

Ena od oznak, ki se je boste naučili že v začetku oblikovanje spletnih strani izobraževanje je par oznak, znanih kot "oznake s poudarkom". Oglejmo si, kaj so te oznake in kako se danes uporabljajo pri spletnem oblikovanju.

Nazaj na XHTML

Če ste se HTML naučili pred leti, že pred vzponom HTML5, verjetno ste uporabili oznake krepko in ležeče. Kot ste pričakovali, so te oznake spremenile elemente v krepko besedilo oziroma poševno besedilo. Težava s temi oznakami in zakaj so jih potisnili v prid novim elementom (kar bomo kmalu pogledali) je, da niso semantični elementi. To je zato, ker določajo, kako mora biti besedilo videti, ne pa informacije o besedilu. Ne pozabite, da je HTML (kjer bi se te oznake pisale) vse v strukturi, ne v vizualnem slogu! Z vizualnimi vsebinami skrbi CSS in najboljše prakse spletnega oblikovanja že dolgo veljajo, da bi morali na svojih spletnih straneh jasno ločevati slog in strukturo. To pomeni, da ne uporabljamo elementov, ki niso semantični in ki podrobneje izgledajo kot pa struktura. Zato drzne in

instagram viewer
ležeče oznake so na splošno zamenjali močni (krepko) in poudarjeni (ležeče).

in

Močni in poudarjeni elementi vašemu besedilu dodajo informacije, ki podrobno opisujejo vsebino, ki bi jo bilo treba obravnavati drugače, in poudariti, ko se ta vsebina govori. Te elemente uporabljate skoraj enako, kot bi v preteklosti uporabljali krepko in ležeče pisavo. Preprosto obkrožite besedilo z začetnimi in zaključnimi oznakami ( in za poudarek in in za močan poudarek) in izpostavljeno besedilo bo poudarjeno.

Te oznake lahko ugnezdiš in ni pomembno, katera je zunanja oznaka. Tu je nekaj primerov.

To besedilo je poudarjeno in večina brskalnikov bi jo prikazala ležeče. 
To besedilo je močno poudarjeno in večina brskalnikov bi to prikazala kot krepko pisavo. 

V obeh primerih z modelom ne narekujemo vizualnega videza HTML. Da, privzeti videz oznaka bi bila ležeča in bi bilo krepko, toda tak videz bi bilo enostavno spremeniti v CSS. To je najboljše iz obeh svetov. Privzete sloge brskalnika lahko uporabite za poševno ali krepko besedilo v dokumentu, ne da bi dejansko prečkali črto ter pomešali strukturo in slog. Recite, da ste to želeli besedilo ne samo krepko, temveč tudi rdeče, lahko to dodate v SCS.

močan {
barva: rdeča;
}

V tem primeru vam ni treba dodati lastnosti za krepko težo pisave, ker je to privzeto. Če pa tega ne želite prepustiti naključju, lahko vedno dodate:

močan {
teža pisave: krepko;
barva: rdeča;
}

Zdaj bi vam bila zagotovljena stran s krepkim (in rdečim) besedilom kjer koli oznaka.

Podvoji poudarek

Ena stvar, ki smo jo opazili skozi leto, je, kaj se zgodi, če poskušate poudariti dvakrat. Na primer:

To besedilo bi moralo imeti oboje krepko in ležeče besedilo v njem.

Mislite, da bi ta vrstica ustvarila območje, ki ima krepko besedilo IN ležeče. Včasih se to res zgodi, vendar smo videli, da nekateri brskalniki spoštujejo le drugega od obeh poudarjenih slogov, tistega, ki je najbližji dejanskemu besedilu, in prikažejo le ležeče. To je eden od razlogov, da oznak s poudarki ne podvajamo.

Drugi razlog, da se izognemo temu "podvajanju", je za stilske namene. Običajno je dovolj en poudarek, da izrazite ton, ki ga želite nastaviti. Če želite, da besedilo izstopa, vam ni treba krepko, ležeče, barvati, povečati in podčrtati. To besedilo, če bodo poudarjene vse te različne vrste, bi postalo nesramno. Zato bodite previdni pri uporabi oznak s poudarki ali slogi CSS za poudarjanje in ne pretiravajte.

Opomba o krepkem tisku in ležečem tisku

Še zadnja misel - medtem ko krepko () in ležeče () oznak ni več priporočljivo uporabljati kot poudarjene elemente, nekateri spletni oblikovalci pa te oznake uporabljajo za oblikovanje vdelanih delov besedila. V bistvu ga uporabljajo kot element. To je lepo, ker so oznake zelo kratke, vendar uporaba teh elementov na ta način na splošno ni priporočljiva. Omenimo ga, če ga vidite na nekaterih spletnih mestih, ki se ne uporablja za krepko ali ležeče besedilo, temveč za ustvarjanje kavlja CSS za kakšno drugo obliko vizualnega oblikovanja.