Једна од тагова које ћете научити раније у образовању за веб дизајн је пар ознака познатих као "ознаке нагласка". Хајде да погледамо које су ове ознаке и како се данас користе у веб дизајну.
Назад на КСХТМЛ
Ако сте научили ХТМЛ пре много година, много пре пораста ХТМЛ5-а, вероватно сте користили и болд и италицке ознаке. Као што бисте очекивали, ови тагови претворили су елементе у болд или текући текст. Проблем са овим ознакама и зашто су их отклонили у корист нових елемената (што ћемо ускоро погледати) је да они нису семантички елементи. То је зато што дефинишу како текст треба да изгледа, а не информације о тексту. Запамтите, ХТМЛ (где су ови тагови написани) је све о структури, а не визуелном стилу! Визуелним питањима управља ЦСС и најбоље праксе веб дизајна већ дуго сматрају да би требали имати јасно раздвајање стила и структуре на вашим веб страницама. То значи да не користите елементе који су несемантични и који детаљ изгледа више него структура. Због тога су болд и курзивне ознаке генерално замењене јаким (за болд) и нагласком (за курзиву).
& лт; јак & гт; и & лт; ем & гт;
Јаки и елементи нагласка дају информације вашем тексту, детаљно описују садржај који треба третирати различито и нагласити када се тај садржај говори. Ове елементе користите прилично исто као што сте у прошлости користили болд и курзив. Једноставно окружите свој текст помоћу ознака за отварање и затварање (<ем> и за нагласак и <стронг> и за јако наглашавање) и приложени текст ће бити наглашен.
Ове ознаке можете угасити и није битно која је спољашња ознака. Ево неколико примера.
<ем> Овај текст је наглашен и већина претраживача биће приказана као курзив. <стронг> Овај текст је јако наглашен и већина прегледача ће је приказати као болд типе.У оба ова примера, не диктирамо визуелни изглед са ХТМЛ-ом. Да, подразумевани изглед ознаке <ем> би био курзив, а <стронг> би било крепко, али би се тај изглед лако могао променити у ЦСС. Ово је најбоље од оба света. Можете подстакнути подразумеване стилове претраживача да бисте у вашем документу добили италицизирани или мекани текст без стварног преласка линије и структуре и стила мешања. Реците да желите да тај <стронг> текст не буде само одважен, већ и да буде црвен, можете га додати ЦСС-у
јак {
боја црвена;
}
У овом примеру не морате додавати својство за масовну тежину фонта, јер је то подразумевано. Међутим, ако не желите да то оставите случајном, увек бисте га могли додати у:
јак {
фонт-веигхт: болд;
боја црвена;
}
Сада бисте били сигурни да немате страницу са масним (и црвеним) текстом где год се користи ознака <стронг>.
Доубле Уп он Емпхасис
Једна ствар коју сам приметио током године је оно што се дешава ако покушате да удвостручите нагласак. На пример:
Овај текст би требао имати и <стронг> <ем> болдед анд италицизед текст унутар њега.Ви бисте мислили да ће ова линија произвести област која има болд и курзиву текст. Понекад се то стварно дешава, али сам видео да неки претраживачи само поштују други од два начина нагласка, онај који је најближи актуелном тексту и то само показује као курзиву. Ово је један од разлога зашто се не повећавам на ознакама нагласка.
Још један разлог за избјегавање овог "удвостручавања" је у стилске сврхе. Један од облика нагласка ако је обично довољно да пренесете тон који желите поставити. Не морате да болд, италицизе, цолор, енларге, и подвлачите текст како бисте се истакли. Тај текст ће сви те различите врсте нагласка постати гурмани. Зато будите пажљиви када користите ознаке наговештаја или ЦСС стилове да бисте обезбедили нагласак и не претерујте га.
Напомена о болду и курзиву
Једна финална мисао - док се ознаке болда (<б>) и курзив (<и>) више не препоручују да се користе као елементи нагласка, постоје неки веб дизајнери који користе ове ознаке да би стајали у облику текстуалних области. У суштини, они га користе као <спан> елемент. Ово је лепо јер су ознаке врло кратке, али се овим елементима на овај начин не препоручује. Поменућу у случају да га видите на неким сајтовима који се не користе за креирање болд или курзивног текста, већ за креирање ЦСС куке за неку врсту визуелног стила.
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард на 12/2/16.