Zure web diseinuaren heziketa goiz ikasten dituzun etiketa bat "enfasi-etiketak" bezala ezagutzen diren etiketa pare bat da. Etiketa horiek zer diren eta gaur egun diseinatutako web orrian nola erabiltzen diren aztertuko dugu.
Itzuli XHTML-ra
HTML urteak ikasi bazenituen, HTML5aren gorakada baino askoz lehenago, lodia eta etiketa etiketak erabili dituzu seguruenik. Espero zenezakeenez, etiketa horiek elementu bihurtu ziren testu lodiz edo test etzanez hurrenez hurren. Etiketa hauei buruzko arazoa eta zergatik baztertu zituzten elementu berrien alde (hau da, laster ikusiko dugu), ez direla elementu semantikoak. Testuari buruzko testua nola begiratu behar den zehazten duelako da. Gogoratu, HTML (hau da, etiketa horiek idazterako orduan) egitura, ikusizko estiloa da. Ikuspegiak CSS-k kudeatzen ditu eta web diseinuaren praktika onak praktika onak izan dira, zure web orrietan estilo eta egituraren bereizketa argi bat eduki beharko zenukeela. Horrek esan nahi du ez diren elementuak ez diren semantikoak eta xehetasun itxura baino gehiago. Horregatik, etiketa iturriak eta etzana etengabeak izan dira (lodia) eta azpimarra (etzana).
& Lt; strong & gt; eta & lt; em & gt;
Elementu sendoa eta azpimarragarriak testuari buruzko informazioa gehitzen du, modu desberdinean tratatu behar den edukia zehaztuz eta eduki hori ahazten denean. Elementu horiek askoz ere erabil ditzakezu iraganean lodia eta etzana erabiliz. Besterik gabe, testua inguratzen duten irekitze eta itxiera etiketak ( eta azpimarratu eta eta azpimarratu behar dira) eta testua itxi egingo da.
Etiketa horiek habiatzeko dezakezu eta kanpoko etiketa da. Hona hemen adibide batzuk.
Testu hau azpimarratu egiten da eta arakatzaile gehienek letra etzana bezala bistaratuko lukete. Testu hau biziki azpimarratu da eta nabigatzaile gehienek letra lodiz moduan bistaratuko lukete.Bi adibideetan, HTML itxura bisuala ez dugu ematen. Bai, etiketaren itxura lehenetsia etzana izango litzateke eta letra lodizkoa izango litzateke, baina itxura horiek CSS-en erraz aldatu ahal izango lirateke. Hau da bi munduen artean onena. Nabigatzaile estilo lehenetsiak leverage dezakezu etiketatu edo testu lodia lortzeko dokumentuan lerroa eta nahasketa egitura eta estiloa zeharkatu gabe. Esan testua negatiboa ez den baino nahiago duzula, baina gorriak izan ere, hau CSSra gehitu dezakezu
indartsu {
kolorea: gorria;
}
Adibide honetan, ez duzu propietate bat gehitzeko letra lodien pisua lehenetsi denez geroztik. Aukera hori utzi nahi ez baduzu, hala ere, beti gehitu zaitezke hemen:
indartsu {
font-weight: bold;
kolorea: gorria;
}
Orain, ziur aski, etiketa erabiliko den lekuan letra lodia (eta gorria) duen testua bermatuko zenuke.
Bikoitza igoeraren azpian
Gauza bat nabaritu dut urte osoan gertatzen dena bikoizten ahalegintzen banaiz. Adibidez:
Testu honek bi bolded and italicized testu barruan eduki beharko luke.Uste duzu lerro hau testu lodia eta etzana izan ditzakeen eremu bat sortuko lukeela. Batzuetan gertakari hau gertatu da, baina nabigatzaile batzuk ikusi ditut azpimarratzeko bi estiloen bigarrena, hau da, benetako testua hurbilen dagoenean, eta etiketan bezala soilik bistaratu. Hau da, zergatik ez dut bikoizten azpimarratu etiketen arrazoietako bat.
"Estaltzea" hau saihesteko beste arrazoi bat da helburu estilistikoetarako. Modu bat azpimarratzea, normalean nahikoa den tonua transmititzea nahi baduzu. Ez duzu testua loditzeko, etenikitzeko, koloratzeko, handitzeko eta azpimarratu behar, nabarmentzeko. Testu hori, azpimarratzearen mota guztietako guztiak, garish bihurtuko lirateke. Kontuz ibili arretaz etiketa edo CSS estiloak erabiliz, azpimarratu nahi baduzu, eta ez ahaztu.
Letra negatibo eta italiarrarentzako ohar bat
Azkeneko pentsamendua: lodia () eta etzana () etiketak jada ez dira gomendatzen enfasi-elementu gisa erabiltzeko, badira web-diseinatzaile batzuek etiketa horiek estilo-lerroko testu-eremuetan erabiltzen dituztela. Funtsean, elementu bat erabiltzen dute. Hau atsegina da etiketa oso laburrak direlako, baina elementu horiek modu horretan erabiltzeak ez du gomendatzen. Esan dudanez, testu lodiz edo itzaleztatua sortzeko erabiltzen ez diren gune batzuetan ikusten baduzue, baina CSS kako bat sortzeko, ikusizko estetika mota baterako.
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 12/2/16.