Viena iš žymių, kurią sužinosite anksti interneto svetainės dizainas švietimas yra pora žymenų, vadinamų „akcentavimo žymomis“. Pažvelkime į tai, kas yra šios žymos ir kaip jos šiandien naudojamos kuriant internetą.
Grįžti į XHTML
Jei HTML išmokote prieš daugelį metų, gerokai anksčiau nei HTML5, tikriausiai naudojote ir pusjuodį, ir kursyvą. Kaip ir galima tikėtis, šios žymos elementus pavertė atitinkamai paryškintu arba kursyvu pažymėtu tekstu. Šių žymių problema ir tai, kodėl jos buvo nustumtos į naudą naujiems elementams (kuriuos netrukus apžvelgsime), yra ta, kad jie nėra semantiniai elementai. Taip yra todėl, kad jie apibrėžia, kaip turėtų atrodyti tekstas, o ne informaciją apie tekstą. Atminkite, kad HTML (kur būtų rašomos šios žymos) yra susijęs su struktūra, o ne su vizualiniu stiliumi! Vaizdo medžiagą tvarko CSS Geriausia žiniatinklio dizaino praktika jau seniai skelbia, kad tinklalapiuose turėtumėte aiškiai atskirti stilių ir struktūrą. Tai reiškia, kad nenaudojami elementai, kurie nėra semantiniai ir kurie atrodo detaliau, o ne struktūrizuojami. Štai kodėl drąsus ir
kursyvas žymos paprastai buvo pakeistos stipriomis (paryškintomis) ir pabrėžtomis (kursyvu).ir
Stiprūs ir pabrėžti elementai prideda informacijos prie jūsų teksto, išsamiai apibūdindami turinį, kuris turėtų būti traktuojamas kitaip ir akcentuojamas, kai kalbama apie tą turinį. Šiuos elementus naudojate beveik taip pat, kaip anksčiau naudojote pusjuodį ir kursyvą. Paprasčiausiai apgaubkite tekstą pradžios ir pabaigos žymėmis ( ir akcentavimui ir ir dėl didelio akcentavimo) ir pridedamas tekstas bus pabrėžtas.
Galite susieti šias žymas ir nesvarbu, kuri yra išorinė žyma. Štai keletas pavyzdžių.
Šis tekstas yra pabrėžiamas ir dauguma naršyklių jį rodytų kursyvu.
Šis tekstas yra labai pabrėžiamas ir dauguma naršyklių jį rodytų kaip paryškintą.
Abiejuose šiuose pavyzdžiuose mes nediktuojame vizualios išvaizdos HTML. Taip, numatytoji žyma būtų kursyvas ir būtų drąsus, bet tas išvaizdą CSS būtų galima lengvai pakeisti. Tai geriausias iš abiejų pasaulių. Galite naudoti numatytuosius naršyklės stilius, norėdami gauti dokumente kursyvu ar paryškintu tekstu, neperžengdami linijos ir nemaišydami struktūros bei stiliaus. Pasakyk, kad to norėjai norėdami ne tik paryškinti, bet ir būti raudoni, galite tai pridėti prie SCS.
stiprus {
spalva: raudona;
}
Šiame pavyzdyje jums nereikia pridėti paryškinto šrifto svorio ypatybės, nes tai yra numatytasis nustatymas. Jei nenorite to palikti atsitiktinumui, visada galite jį pridėti:
stiprus {
šrifto svoris: paryškintas;
spalva: raudona;
}
Dabar jums bus viskas, bet garantuotai turėsite puslapį su paryškintu (ir raudonu) tekstu visur naudojama žyma.
Padvigubinkite akcentavimą
Vienas dalykas, kurį pastebėjome per metus, yra tai, kas atsitiks, jei bandysite pabrėžti dvigubą dėmesį. Pavyzdžiui:
Šiame tekste turėtų būti abu paryškintas ir kursyvu tekstas jo viduje.
Jūs manote, kad ši eilutė sukurs sritį, kurioje tekstas yra paryškintas IR kursyvas. Kartais taip atsitinka, bet mes matėme, kad kai kurios naršyklės tik gerbia antrąjį iš dviejų kirčiavimo stilių, tą, kuris yra arčiausiai konkretaus teksto, ir tai rodo tik kursyvu. Tai yra viena iš priežasčių, kodėl mes nedvejojame pabrėždami žymes.
Kita priežastis, kodėl reikia išvengti šio „padvigubėjimo“, yra skirta stilistiniams tikslams. Norint perteikti norimą toną, paprastai užtenka vienos pabrėžimo formos. Norint, kad jis išsiskirtų, nereikia paryškinti, kursyvuoti, dažyti, didinti ir pabrėžti teksto. Tas tekstas, ar visi tie skirtingi kirčiavimo būdai, taps šykštus. Taigi būkite atsargūs naudodami pabrėžimo žymas ar CSS stilius, kad pabrėžtumėte, ir nepersistenkite.
Pastaba apie pusjuodį ir kursyvą
Viena paskutinė mintis - nors drąsus () ir kursyvu () žymos nebėra rekomenduojamos naudoti kaip akcentavimo elementai, yra keletas interneto dizainerių, kurie šias žymes naudoja stilizuodami teksto sritis. Iš esmės jie naudojasi kaip a elementas. Tai malonu, nes žymos yra labai trumpos, tačiau paprastai naudoti šiuos elementus nerekomenduojama. Mes paminėjame tai tuo atveju, jei kai kuriose svetainėse tai matote ne tam, kad būtų sukurtas paryškintas ar kursyvu pažymėtas tekstas, o kuriant CSS kabliuką kitokiam vaizdiniam stiliui kurti.