Viena iš žymų, kurią jūs išmoksite anksti savo žiniatinklio dizaino švietime, yra žymų pora, vadinama "akcentuotosios žymos". Pažvelkime į tai, kas yra šios žymos, ir kaip šiandien jos naudojamos interneto dizaino.
Atgal į XHTML
Jei anksčiau išmokote HTML prieš HTML5 kilimą, tikriausiai naudojate paryškintas ir kursyvu pažymėtas žymes. Kaip tikėjotės, šios žymos atitinkamai pakeitė elementus į paryškintą tekstą arba kursyvu pažymėtą tekstą. Problema, susijusi su šiomis žymėmis, ir kodėl jos buvo pašalintos naujiems elementams (apie kuriuos trumpai apžvelgsime), yra tai, kad jie nėra semantiniai elementai. Taip yra todėl, kad jie apibrėžia, kaip tekstas turėtų atrodyti, o ne informacija apie tekstą. Atminkite, kad HTML (tai kur bus parašytos šios žymos) yra visa informacija apie struktūrą, o ne vizualinį stilių! Vaizduokliai yra tvarkomi CSS, o interneto dizaino geroji patirtis jau seniai nusprendė, kad turėtumėte aiškiai atskirti stilių ir struktūrą savo tinklalapiuose. Tai reiškia, kad nenaudokite elementų, kurie nėra semantikai ir kurių detalės atrodo, o ne struktūra. Štai kodėl drąsos ir kursyvu pažymėtos žymos dažniausiai buvo pakeistos stipriomis (drąsiai) ir akcentais (kursyvu).
ir
Stiprūs ir pabrėžti elementai papildo jūsų tekstą informaciją, nurodydami turinį, kuris turėtų būti vertinamas skirtingai ir pabrėžiamas, kai kalbama apie tą turinį. Jūs naudojate šiuos elementus beveik tuo pačiu būdu, kaip praeityje naudosite drąsiai ir kursyvu. Tiesiog apsupkite tekstą atidarymo ir uždarymo žymomis ( ir už akcentą ir ir už didelį dėmesį) ir pridedamas tekstas bus pabrėžtas.
Galite pritvirtinti šias žymes ir nesvarbu, kas yra išorinė žyma. Štai keletas pavyzdžių.
Šis tekstas pabrėžiamas ir dauguma naršyklių rodys jį kursyvu.
Šis tekstas yra labai pabrėžiamas ir dauguma naršyklių parodytų, kad tai drąsus tipas.
Abiejuosiuose pavyzdžiuose mes ne diktuojame vizualų išvaizdą su HTML. Taip, numatytoji išvaizda žyma bus kursyvu ir būtų drąsus, bet tuos išvaizdus būtų galima lengvai pakeisti CSS. Tai geriausias iš abiejų pasaulių. Galite panaudoti numatytuosius naršyklės stilius, norėdami gauti kursyvu pažymėtą tekstą arba paryškintą tekstą be jokio kryžminio teksto ir maišymo struktūros bei stiliaus. Pasakykite, kad tai norėjote tekstas turi būti ne tik drąsus, bet ir raudonas, galite jį pridėti prie CSS stiprus { spalva: raudona;} Šiame pavyzdyje jums nereikia pridėti turinio šrifto svorio, nes jis yra numatytasis. Tačiau jei nenorite to palikti atsitiktinai, visada galite jį pridėti: stiprus { šrifto svoris: paryškintas; spalva: raudona;} Dabar jūs visi būsite tikri, kad turėsite puslapio su paryškintu (ir raudonu) tekstu, kur jis bus žyma yra naudojama. Vienas dalykas, kurį aš pastebėjau per metus, yra tai, kas atsitiks, jei bandysite sustiprinti dėmesį. Pavyzdžiui: Galėtumėte manyti, kad ši eilutė sukurtų sritį, kurioje tekstas yra standus ir kursyvas. Kartais tai iš tikrųjų atsitinka, bet aš mačiau, kad kai kurios naršyklės garbina tik antrą iš dviejų akcentų stilių, tai yra arčiausiai tikrojo teksto, ir rodyti jį tik kursyvu. Tai yra viena iš priežasčių, kodėl aš nesubriešinuosi dėmesio žymeles. Kita priežastis, kodėl išvengti šio "dvigubinimo", yra stiliaus tikslais. Viena akcento forma, jei paprastai pakankama, kad pateiktumėte tonas, kurį norite nustatyti. Jums nereikia paryškinti, paraginti kursyvu, spalvoti, išplėsti ir pabrėžti tekstą, kad jis išsiskirtų. Šis tekstas, ar visi šie skirtingi akcentai, taptų ilgais. Todėl būkite atsargūs, kai naudosite akcentuotosios žymeles arba CSS stilius, kad pabrėžtumėte ir nepersidrunkite. Viena paskutinė mintis - o drąsus () ir kursyvu () žymos nebebus rekomenduojamos naudoti kaip pabrėžimo elementai, yra keletas interneto dizainerių, kurie naudoja šias žymes, kad būtų įprasti teksto teksto laukai. Iš esmės jie naudoja jį kaip elementas Tai malonu, nes žymos yra labai trumpos, tačiau šių elementų naudojimas šiuo būdu paprastai nėra rekomenduojamas. Aš paminauju, jei matysite, kad kai kuriose svetainėse naudojamasi nesukelti drąsios ar kursyvuotos teksto, bet kurti CSS kablys tam tikram kitam vizualiniam stiliui. Originalus straipsnis Jennifer Krynin. Redagavo Jeremy Girard 16.2.16. Dvigubas akcentas
Šiame tekste turėtų būti abi paryškintas ir kursyvuotos tekstas viduje.
Pastaba apie "Bold" ir "Italics"
