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