Одним из тегов, которые вы узнаете на раннем этапе своего обучения веб-дизайну, является пара тегов, известных как «метки подчеркивания». Давайте посмотрим, что эти теги и как они используются в веб-дизайне сегодня.
Вернуться к XHTML
Если вы изучили HTML несколько лет назад, задолго до появления HTML5, вы, вероятно, использовали как полужирный, так и курсивный теги. Как и следовало ожидать, эти теги превратили элементы в жирный текст или курсивный текст соответственно. Проблема с этими тегами и почему их отодвинули в сторону новые элементы (которые мы рассмотрим вкратце) состоит в том, что они не являются семантическими элементами. Это связано с тем, что они определяют, как должен выглядеть текст, а не информация о тексте. Помните, что HTML (в котором эти теги будут записаны) касается структуры, а не визуального стиля! Визуализации обрабатываются CSS и лучшие практики веб-дизайна уже давно, что вы должны иметь четкое разделение стиля и структуры на ваших веб-страницах. Это означает, что вы не используете элементы, которые не являются семантическими, а какие детали выглядят, а не структура. Вот почему жирные и курсивные теги обычно заменяются сильными (для жирного) и подчеркивания (курсивом).
а также
Сильные элементы и элементы подчеркивания добавляют информацию в ваш текст, детализируя контент, который следует трактовать по-разному и подчеркивать при разговоре с этим контентом. Вы используете эти элементы почти так же, как в прошлом вы бы использовали полужирный и курсив. Просто окружайте текст с помощью открывающих и закрывающих тегов ( а также для акцентов и а также для особого акцента) и прилагаемый текст будет подчеркнут.
Вы можете вложить эти теги, и не имеет значения, какой внешний тег. Вот несколько примеров.
Этот текст подчеркивается и большинство браузеров отобразит его как курсив.
Этот текст подчеркивается и большинство браузеров отображают его как жирный шрифт.
В обоих этих примерах мы не диктуем визуальный внешний вид с помощью HTML. Да, внешний вид тег будет курсивом, а было бы смелым, но эти взгляды можно было легко изменить в CSS. Это лучшее из обоих миров. Вы можете использовать стили браузера по умолчанию для выделения курсивом или жирным текстом в документе без фактического пересечения линии и структуры смешения и стиля. Скажите, что вы хотели, чтобы текст не только полужирный, но и красным, вы можете добавить это в CSS сильный { красный цвет;} В этом примере вам не нужно добавлять свойство для жирного шрифта, так как это значение по умолчанию. Если вы не хотите оставлять это случайно, вы всегда можете добавить его в: сильный { font-weight: bold; красный цвет;} Теперь у вас почти наверняка будет страница с жирным (и красным) текстом, где бы используется тег. Одна вещь, которую я заметил в течение года, - это то, что происходит, если вы попытаетесь удвоить акцент. Например: Вы могли бы подумать, что эта строка создаст область с выделенным полужирным шрифтом и курсивом. Иногда это действительно происходит, но я видел, что некоторые браузеры только чтят второй из двух стилей подчеркивания, тот, который ближе всего к фактическому тексту, и только отображает это как курсив. Это одна из причин, почему я не дублирую теги подчеркивания. Еще одна причина избежать этого «удвоения» - для стилистических целей. Одна из форм акцента, если обычно достаточно, чтобы передать тон, который вы хотите установить. Вам не нужно выделять жирным шрифтом, курсивом, цветом, увеличивать и подчеркивать текст, чтобы он выделялся. Этот текст, все эти различные акценты, станут яркими. Поэтому будьте осторожны при использовании тегов подчеркивания или стилей CSS, чтобы подчеркнуть и не переусердствовать. Одна последняя мысль - в то время как жирный () и курсивом () больше не рекомендуется использовать в качестве элементов акцента, есть некоторые веб-дизайнеры, которые используют эти теги для создания встроенных областей текста. В основном, они используют его как элемент. Это хорошо, потому что теги очень короткие, но использование этих элементов таким образом обычно не рекомендуется. Я упоминаю об этом, если вы видите его на некоторых сайтах, которые не используются для создания полужирного или курсивного текста, а для создания CSS-крючка для какого-то другого визуального стиля. Оригинальная статья Дженнифер Крынин. Под редакцией Джереми Жирара 12/2/16. Удвоить акцент
Этот текст должен иметь как выделены полужирным шрифтом и выделены курсивом текст внутри него.
Примечание для жирных и курсивных
