Един от маркерите, които ще научите в началото на обучението ви за уеб дизайн, е чифт тагове, известни като "таговете за ударение". Нека да разгледаме какви са тези маркери и как се използват в уеб дизайна днес.
Обратно към XHTML
Ако сте научили преди години HTML, доста преди появата на HTML5, най-вероятно сте използвали както дръзките, така и курсивните етикети. Както бихте очаквали, тези маркери превърнаха елементите в удебелен текст или текст с курсив съответно. Проблемът с тези маркери и защо бяха отхвърлени в полза на нови елементи (които ще разгледаме скоро) е, че те не са семантични елементи. Това е така, защото те определят как текстът трябва да изглежда по-скоро, отколкото информация за текста. Не забравяйте, че HTML (където тези етикети ще бъдат написани) е всичко за структурата, а не за визуалния стил! Визуализациите се обработват от CSS, а най-добрите практики в уеб дизайна отдавна твърдят, че трябва да имате ясно разграничение между стил и структура във вашите уеб страници. Това означава да не се използват елементи, които не са семантични и детайлите изглеждат по-скоро, отколкото структура. Ето защо по-дръзките и курсивни маркери обикновено са заменени от силни (за смели) и акценти (за курсив).
и
Силните и подчертаващи елементи добавят информация към текста ви, като посочват подробно съдържанието, което трябва да се третира по различен начин и да се подчертае кога се говори за това съдържание. Използвате тези елементи почти по същия начин, по който бихте използвали смел и курсив в миналото. Просто заобикаляйте текста си с етикетите за отваряне и затваряне ( и за ударение и и за силен акцент) и приложеният текст ще бъде подчертан.
Можете да поставите тези маркери и няма значение кой е външният маркер. Ето няколко примера.
Този текст е подчертан и повечето браузъри ще го покажат като курсив.
Този текст е силно подчертан и повечето браузъри биха я показали като получер шрифт.
И в двата случая, ние не диктуват визуален поглед с HTML. Да, подразбиращият се външен вид на маркер ще бъде курсив и би било смело, но тези изгледи лесно могат да бъдат променени в CSS. Това е най-доброто от двата свята. Можете да използвате стиловете на браузъра по подразбиране, за да получите текст с курсив или удебелен шрифт в документа, без всъщност да пресичате линията и да смесвате структурата и стила. Кажи, че искаш това текстът не само да е смел, но и да е червен, може да добавите това към CSS силен { цвят: червен;} В този пример не е необходимо да добавяте собственост за удебелен шрифт, тъй като това е по подразбиране. Ако обаче не искате да оставяте това на случайност, винаги можете да го добавите: силен { шрифт-тегло: удебелен; цвят: червен;} Сега ще бъдете гарантирани, че имате страница с удебелен (и червен) текст, където и да е маркера се използва. Едно нещо, което забелязах през годината, е това, което се случва, ако се опитате да удвоите акцента. Например: Бихте помислили, че тази линия ще създаде област, която има текст, който е получер и курсив. Понякога това наистина се случва, но видях, че някои браузъри само почитат втория от двата стила на акцентиране, този, който е най-близък до въпросния текст, и го показват само като курсив. Това е една от причините, поради които не удвоявам етикетите за подчертаване. Друга причина да се избегне това "удвояване" е за стилистични цели. Една форма на акцент, ако обикновено достатъчно, за да предаде тона, който искате да настроите. Не е нужно да смените, курсивите, цветът, увеличаването и подчертаването на текста, за да се откроят. Този текст, всички тези различни акценти, ще стане ужасен. Така че бъдете внимателни, когато използвате таговете за подчертаване или CSS стилове, за да осигурите ударение и не прекалявайте. Една последна мисъл - докато смелите () и курсив (), вече не се препоръчва да се използват като акцент елементи, има някои уеб дизайнери, които използват тези маркери за стил inline области на текста. По принцип те го използват като елемент. Това е хубаво, защото етикетите са много кратки, но използването на тези елементи по този начин не се препоръчва. Споменавам в случай, че го виждате там на някои сайтове, които се използват, за да не създавате смел или курсиран текст, а да създавате CSS кука за друг вид визуален стил. Оригинална статия на Дженифър Кринин. Редактиран от Jeremy Girard на 12/2/16. Удвояване на акцента
Този текст трябва да има и двете с удебелен шрифт и курсив текст в него.
Бележка за получер и курсив
