Ein af þeim merkjum sem þú munt læra snemma í kennslufræðum þínum er par af merkjum sem kallast "áherslumerki". Skulum líta á hvað þessi tög eru og hvernig þær eru notaðar í vefhönnun í dag.
Til baka í XHTML
Ef þú lærðir fyrir HTML árum, vel áður en HTML5 hækkar, notaðirðu líklega bæði djörf og skáletrað merkin. Eins og þú vildi búast við breyttu þessi tög þætti í feitletrað texta eða skáletrað texta í sömu röð. Vandamálið með þessum merkjum, og hvers vegna þeir voru ýttar til hliðar í þágu nýrra þátta (sem við munum líta á fljótlega), er að þau eru ekki merkingartækni. Þetta er vegna þess að þeir skilgreina hvernig textinn ætti að líta frekar en upplýsingar um textann. Mundu að HTML (sem er þar sem þessi tög voru skrifuð) snýst allt um uppbyggingu, ekki sjónræna stíl! Sjónvarpsþættir eru meðhöndlaðir af CSS og vefhönnun með bestu venjur hafa lengi haldið að þú ættir að hafa skýran aðskilnað á stíl og uppbyggingu á vefsíðum þínum. Þetta þýðir ekki að nota þætti sem eru ekki semantic og hvaða smáatriði líta frekar en uppbygging. Þess vegna eru djörf og skáletrunarmörkin almennt skipt út fyrir sterka (fyrir feitletrað) og áherslu (fyrir skáletrun).
& lt; strong & gt; og & lt; em & gt;
Sterk og áhersluþættir bæta við upplýsingum um texta þína og lýsa efni sem ætti að meðhöndla á annan hátt og leggja áherslu á þegar þetta efni er talað. Þú notar þessar þættir nokkuð á sama hátt og þú hefur notað djörf og skáletrun í fortíðinni. Umkringdu textann einfaldlega með opnun og lokun merkjanna ( og til að leggja áherslu á og og fyrir sterka áherslu) og meðfylgjandi texta verður lögð áhersla á.
Þú getur hreiður þessi merki og það skiptir ekki máli hver er ytri merkið. Hér eru nokkur dæmi.
Þessi texti er lögð áhersla á og flestir vöfrar myndu sýna það sem skáletrun. Þessi texti er mjög lögð áhersla á og flestar vélar sýna það sem feitletrað.Í báðum þessum dæmum erum við ekki að stilla sjónrænt útlit með HTML. Já, sjálfgefið útlit merkið væri skáletrað og væri feitletrað en þetta gæti auðveldlega verið breytt í CSS. Þetta er besta bæði heima. Þú getur nýtt sér sjálfgefna vafra stíl til að fá skáletrað eða feitletrað texta í skjalinu þínu án þess að fara yfir línu og blanda uppbyggingu og stíl. Segðu að þú vildir að textinn sé ekki aðeins djörf heldur einnig að vera rautt, þú gætir bætt þessu við CSS
sterkur {
litur: rauður;
}
Í þessu dæmi þarftu ekki að bæta við eignum fyrir feitletraðan leturgerð þar sem það er sjálfgefið. Ef þú vilt ekki fara í tækifærið, þá geturðu alltaf bætt því við í:
sterkur {
leturstærð: feitletrað
litur: rauður;
}
Nú væritu bara ábyrgur fyrir að hafa síðu með feitletraðri (og rauður) texta hvar merkið er notað.
Tvöfalt upp á áherslu
Eitt sem ég hef tekið eftir á árinu er hvað gerist ef þú reynir að tvöfalda sig á áherslum. Til dæmis:
Þessi texti ætti að hafa bæði feitletrað og skáletrað texta inni í henni.Þú myndir hugsa að þessi lína myndi framleiða svæði sem hefur texta sem er feitletrað og skáletrað. Stundum gerist þetta örugglega, en ég hef séð nokkrar vafrar að heiðra aðeins annað af tveimur áherslustýrum, einum sem er næst viðkomandi texta og sýndu aðeins þetta sem skáletrun. Þetta er ein af ástæðunum fyrir því að ég tvöfaldast ekki á áherslumerkjum.
Annar ástæða til að koma í veg fyrir þetta "tvöföldun" er fyrir stílfræðilega tilgangi. Ein tegund áherslu ef venjulega nóg að flytja tóninn sem þú vilt setja. Þú þarft ekki að vera feitletrað, skáletraður, lita, stækka og undirstrika texta til þess að hún standi út. Þessi texti, mun allar þessar mismunandi gerðir áherslu verða gerðar. Svo vertu varkár þegar þú notar áherslumerki eða CSS stíl til að leggja áherslu á og ekki ofleika það ekki.
A athugasemd á feitletrað og skáletrað
Ein endanleg hugsun - en djörf () og skáletrað () merkin eru ekki lengur mælt með því að nota þau sem áhersluþættir. Það eru nokkur vefhönnuðir sem nota þessi merki til að stilla innlínusvæði textans. Í grundvallaratriðum nota þau það eins og þáttur. Þetta er gott vegna þess að merkin eru mjög stutt, en ekki er almennt mælt með því að nota þessa þætti á þennan hátt. Ég nefna í því ef þú sérð það þarna úti á sumum vefsíðum sem eru notaðir til að búa til ekki djörf eða skáletrað texta, heldur til að búa til CSS-krók fyrir einhvern annan sjónræna stíl.
Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 12/2/16.