Üks sildid, mida õpid oma veebidisaini haridusest varakult, on siltide paar, mida nimetatakse "rõhutähisteks". Vaatame, mis need sildid on ja kuidas neid täna veebidisainis kasutatakse.
Tagasi XHTML-le
Kui sa õppisid HTML-i aastaid tagasi, juba enne HTML5 tõusu, kasutasid sa tõenäoliselt nii julgeid kui kaldkirjasid. Nagu võite eeldada, muutsid need sildid elemendid vastavalt rasvasele tekstile või kaldkirjas tekstiga. Nende siltidega seotud probleem ja miks neid uute elementide kasuks (mida me lühidalt vaatame) on see, et need ei ole semantilised elemendid. Seda seetõttu, et nad määratlevad, kuidas peaks tekst pigem välja nägema kui teavet teksti kohta. Pidage meeles, et HTML (kus need sildid on kirjutatud) on kõik struktuur, mitte visuaalne stiil! Visuaalid käideldakse CSS-i ja veebidisaini parimad tavad on juba ammu leidnud, et teie veebisaitidel peaks olema selge stiili ja struktuuri eraldatus. See tähendab, et ei kasuta elemente, mis ei ole semantilised ja millised üksikasjad pigem struktuuri vaatavad. Sellepärast on julgeid ja kaldkirjasildeid tavaliselt asendanud tugev (julgele) ja rõhuasetus (kaldkirjas).
ja & emg;
Tugeva ja rõhuasetuse elemendid lisavad teksti teie kohta, täpsustades sisu, mida tuleks erineval viisil käsitleda ja rõhutada, kui seda sisu räägitakse. Te kasutate neid elemente päris palju samamoodi nagu oleksite varem kasutanud julgeid ja kaldkirja. Lihtsalt ümbritsege oma teksti avamise ja sulgemisega siltidega ( ja rõhuasetusega, ja tugevate rõhutustega) ja rõhutatakse lisatud teksti.
Võite neid silte pesa pesa ja see ei tähenda, milline on välimine tag. Siin on mõned näidised.
See tekst on rõhutatud ja enamik brausereid näitavad seda kaldkirjas. See tekst on tõhustatud ja enamik brausereid näitavad seda rasvases kirjas.Mõlemal nendel näidetel ei viita me HTML-i visuaalse väljanägemisega. Jah, sildi vaikimisi kuvatakse kaldkirjas ja oleks julge, kuid neid nägusid saab hõlpsasti CSS-is muuta. See on parim mõlemast maailmast. Võite kasutada vaikebrauseritüüpe, et oma dokumendis trükitult trükitud või rasvane tekst saada, ilma joont ületamata ning struktuuri ja stiili segamist. Ütle, et soovite, et tekst ei oleks mitte ainult julge, vaid ka punane, võite selle lisada CSS-ile
tugev {
värv: punane;
}
Selles näites pole vaja lisada rasvase fondi kaalu omadust, kuna see on vaikimisi. Kui te ei soovi seda võimalust jätta, võite selle alati lisada:
tugev {
font-mass: bold;
värv: punane;
}
Nüüd oleksite kõik, kuid tagatud, et sellel on tekst bold (ja punane), kus iganes sildi kasutatakse.
Topelt üles rõhuasetusega
Üks asi, mida ma olen aasta jooksul märganud, on see, mis juhtub, kui püüate tähelepanu rõhutada kahekordseks. Näiteks:
Sellel tekstil peaks olema nii poolpaksus ja kaldkirjas .Te arvate, et see joon tekitaks ala, mille tekst on paks ja kaldkirjas. Mõnikord on see tõepoolest juhtunud, aga ma olen näinud, et mõned brauserid austavad ainult kahte rõhu-stiili, mis on kõige lähemal asjassepuutuvale tekstile, ja näitavad seda ainult kaldkirjas. See on üks põhjusi, miks ma ei kahekordistada rõhutähiseid.
Teine põhjus, miks seda "kahekordistamist" vältida, on stilistilistel eesmärkidel. Üks vormi rõhuasetus, kui tavaliselt piisavalt, et edastada tooni, mida soovite määrata. Selleks, et see välja paistma, pole vaja paksus, kaldkirja panna, värvida, laiendada ja rõhutada teksti. See tekst, kas need kõik erinevad rõhuasetused muutuvad, muutuks ilusaks. Nii et olge ettevaatlik, kui kasutate rõhutähiseid või CSS-stiili, et rõhutada ja mitte üle pingutada.
Märkus rasvase ja kaldkriipsu kohta
Üks viimane mõte - kuigi bold'i () ja kaldkriipsu () silte ei soovitata enam rõhutades elementideks kasutada, on mõned veebidisainerid, kes kasutavad neid silte teksti sisestamiseks. Põhimõtteliselt kasutavad nad seda nagu elementi. See on tore, sest sildid on väga lühikesed, kuid neid elemente pole sellisel viisil üldiselt soovitatav kasutada. Ma mainin seda juhul, kui näete seda seal, kus mõned saidid on kasutatud, et mitte luua julgeid või kaldkirjas teksti, vaid luua CSS konks mõne muu visuaalse stiili jaoks.
Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard, 12. ja 16. jaanuaril.