Что такое strong в html
Что такое strong в html
Элемент сильной значимости ( ) указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.
| Категории контента | Потоковой контент, Фразовый контент, явный контент. |
|---|---|
| Разрешённый контент | Фразовый контент. |
| Опускание тегов | Нет, должен иметь как начальный тег, так и конечный тег. |
| Разрешённые родители | Любой элемент, который принимает фразовый контент, или любой другой элемент, который принимает потоковой контент. |
| Разрешённые ARIA-роли | Любые |
| DOM-интерфейс | HTMLElement |
Атрибуты
Этот элемент включает в себя глобальные атрибуты.
Замечания по использованию
Элемент предназначен для контента, который имеет «большое значение», включая вещи большой серьёзности или срочности (например, предупреждения). Это может быть предложение, которое имеет большое значение для всей страницы, или вы можете просто попытаться указать, что некоторые слова имеют большее значение по сравнению с соседним контентом.
Другим приемлемым использованием для является обозначение ярлыков абзацев, которые представляют заметки или предупреждения в тексте страницы.
_против_» title=»Permalink to против «> против
Не совсем. Элемент для контента, который имеет большее значение, в то время как элемент используется для привлечения внимания к тексту, не указывая на то, что это более важно.
_против_» title=»Permalink to против «> против
Добавление к путанице заключается в том, что, хотя HTML 4 определяет как просто указывающий на более сильный акцент, HTML 5 определяет как представляющий «большое значение для его содержимого». Это важное различие.
В то время, как используется для изменения значения предложения, поскольку делается устный акцент («Я люблю морковь» против «Я люблюморковь«), используется, для придания предложению порции особого значения (например, «Предупреждение! Это очень опасно.«) Оба элемента и могут быть вложены для увеличения относительной степени важности или усиленного акцента, соответственно.
Что такое strong в html
HTML — это язык разметки гипертекста. С его помощью мы сообщаем браузеру, какие элементы веб-страницы ему предстоит отобразить. Если ранее он отображал только визуальные элементы и текст, то сегодня язык HTML способен передавать и смысловую нагрузку наполнения страницы. Для этого разработчики используют специальные элементы для форматирования текста.
Текст форматируется по трем причинам:
В спецификации W3C все теги HTML размещены в двух разделах. и находятся в разделе «Структурированный текст». Это значит, что они определяют внешний вид, а также учитываются специальными программами, которые предназначены для изменения интонации и громкости.
Внешний вид необязательно будет жирным или курсивом. Он может регулироваться стилями CSS, но по-прежнему передавать браузеру значение большей важности выделенного тегами текста, относительно другого. и вынесены в раздел «Форматирование» и указывают браузеру, как отобразить фрагмент текста.
Со стороны поисковых систем нет существенных указаний, как использовать основные теги HTML для оптимизации страниц. Сотрудники Google отрицают какую-либо разницу и разрешают использовать любые из них. Тем не менее трансформация алгоритмов дает повод усомниться.
Миссия поисковых систем — предоставить релевантный результат в ответ на запрос пользователя. Для этого они пытаются понять смысл того, что вы публикуете на своих страницах. Использование семантических тегов упрощает эту задачу. Они обращают внимание поисковых роботов на слова и фразы, которые помогают им определить, к какому запросу, вероятнее всего, принадлежит страница.
Однако существуют рекомендации W3C:
В HTML5 тег используйте для особо важных фрагментов. Это наиболее актуально:
Тег используйте для выделения:
Задано предложение: «Кошки — милые животные». В зависимости от того, где поставлен тег изменится смысл.
« Кошки — милые животные» — если кто-то утверждает, что милы другие животные.
«Кошки — милые животные» — Если кто-то утверждает, что кошки — противные животные.
«Кошки — милые животные » — Если кто-то утверждает, что кошки — милые овощи.
Что такое strong в html
Где ожидается фразовое содержимое.
Тег (от англ. «сильный», «строгий») предназначен для выделения важной информации из общего контекста, или фрагментов следующего характера:
В жизни мы могли бы выделить тегом такие сообщения, как:
В браузере содержимое данного тега выделяется полужирным начертанием, а речевые браузеры могут прочитать такие фразы более выразительным голосом, делая на них акцент.
Атрибуты
Акцентирование внимания
В первую очередь элемент предназначен для выделения важных фрагментов, на которые пользователь должен обратить внимание. Это могут быть фразы, означающие серьезность, срочность или предупреждения:
Выделение важной информации
Важные или срочные дела в записной книжке также хорошо подходят для выделения тегом :
Выделение важной информации
Ошибки валидации тоже являются хорошим кандидатом для этого тега. В данном случае нам очень важно привлечь внимание пользователя, чтобы указать ему на причину того, почему форма не была отправлена:
Вложенность
Более того, элемент может вкладываться в другой элемент для придания фрагменту еще большей важности. В этом примере мы выделяем всю фразу, чтобы обратить внимание пользователя на предупреждении. А также обращаем внимание на срочность необходимого действия:
Важная информация из шаблона
Другая область применения тега — это выделение основной информации из некоторого шаблона:
Отделение основной информации
Можно применять и в заголовке, чтобы выделить важную информацию. Например, если мы хотим расширить заголовок дополнительным текстом, который не так сильно важен для смысла, но делает его более интересным:
Ошибочное использование
Многие используют данный элемент не правильно, пытаясь выделять им ключевые слова текста. Эта практика пришла к нам из SEO (поисковое продвижение сайтов), где элемент учитывается при анализе страницы.
Элементы i, b, em и strong
В то время как многие элементы из HTML4 вошли в HTML5 без существенных изменений, некоторые исторически презентационные элементы обрели новую семантику.
Давайте посмотрим на и и сравним их с семантическими преемниками — и . Что получается:
Новая семантика презентационных элементов Скопировать ссылку
В HTML4 элементы и были презентационными. Они по-прежнему могут использоваться там, где этого требует типографская традиция. Тем не менее, теперь они обрели семантику и могут быть оформлены при помощи CSS, что делает их не только презентационными — элемент , например, совсем не обязательно должен быть полужирным. Поэтому для обозначения смысловой нагрузки элементов рекомендуется использовать классы; это позволит легко изменить внешний вид элементов в дальнейшем.
Элемент Скопировать ссылку
Элемент представляет собой фрагмент текста с дополнительным выделением или же экспрессивно-эмоциональным сдвигом относительно обычного текста (то, что обычно обозначается курсивом в типографике).
Обычно обозначаются курсивом: иностранные слова (с атрибутом lang ), таксономия и технические термины, названия кораблей, пометки в сценариях, нотное письмо, вставки размышлений или рукописного текста. Пример:
В указанном примере элемент используется для обозначения внутреннего диалога персонажа, произнесённого в другом тоне.
Элемент используется в этом примере для обозначения «идиоматических фраз из другого языка» (японских слов). Полный список значений атрибута lang вы можете найти в официальном списке IANA; или же вы можете воспользоваться замечательным сервисом по поиску языковых обозначений от Ричарда Исиды из W3C.
Элементом в данном примере обозначается таксономическая единица.
Элемент Скопировать ссылку
Элемент представляет собой фрагмент текста, который выделяется из окружающего его контекста, но не передает никакого особого значения. Это, например, ключевые слова в выдержках, названия продуктов в обзорах или другие части текста, которые по правилам типографики обычно выделяются полужирным начертанием.
Для текста, обрамленного в (который должен просто отличаться от основного), нет необходимости использовать font-style: bold — можно обратиться к другим стилям: скруглённому фону, большему размеру шрифта, другому цвет или особому форматированию типа капители. К примеру, в приведенном выше отрывке, используется для указания на того, кто говорит или рассказывает.
Текст, который набран полужирным по типографским соглашениям (а совсем не потому, что он более важен) может использоваться для выделения имён в голливудских сплетнях или в качестве вводного текста для сложных или оформленных в классическом стиле текстов:
Используйте только тогда, когда нет ничего более подходящего, например: для текста с семантической важностью, для акцентированного текста (с «логическим ударением»), элементы от
…и для сравнения: элементы и Скопировать ссылку
Хотя и остались практически такими же, как были, в их значении всё же произошли некоторые изменения. В HTML4 они означали «акцент» и «сильный акцент». Сейчас их значение несколько видоизменилось: обозначает экспрессивно-эмоциональное выделение (т.е. нечто, произнесённое иначе), а обозначает важность.
Элемент Скопировать ссылку
Элемент обозначает часть текста с эмфатическим ударением.
Термин «ударение» имеет отношение к лингвистике. Ударение изменяет эмоциональную окраску слова, что, в свою очередь, может изменить смысл предложения. Например, фраза «Быстро позови доктора!» акцентирует важность того, чтобы позвали именно доктора — возможно, в ответ на чей-то вопрос «Мне позвать сестру?» Напротив, фраза «Быстро позови доктора!» акцентирует важность немедленного вызова.
Используйте в других случаях для обозначения важности и для курсивного начертания без эмоциональной окраски. Уровень вложенности обозначает силу акцентирования.
Элемент Скопировать ссылку
Элемент обозначает часть текста с высокой важностью.
Добавить, в общем-то, и нечего — элемент хорошо всем нам знаком. Используйте вложенные элементы для обозначения относительной важности, для эмфатического ударения и для стилистически выделенных или просто полужирных фрагментов текста без подчёркнутой важности.
Резюмируя… Скопировать ссылку
И последнее: все эти элементы (как и большинство HTML5-элементов) намеренно были сделаны медиа-независимыми, т.е. их семантика теперь не привязана к отображению в визуальных браузерах.
Что же мы имеем? Две презентационных дворняжки из HTML4 превратились в полноценные, насыщенные смыслом HTML5-элементы, готовые снова вернуться в ваш код. Сможете ли вы устоять перед их блестящими, полными семантики щенячьими глазками? Дайте нам знать!
HTML5: старые теги нового назначения
Если раньше все учебники по вёрстке пестрили фразами вроде «используйте вместо », и это было наполовину верно, то сегодня такая привычка может сыграть злую семантическую шутку. А дело всё в том, что авторы HTML5 предлагают использовать для выделения отрывков текста с целью обратить внимание читателя, однако не подразумевая усиления значимости текста или интонации. Спецификация приводит примеры использования для разметки ключевых слов в документе
The frobonitor and barbinator components are fried.
и лидов (первый абзац статьи в журналистике)
Kittens ‘adopted’ by pet rabbit
Six abandoned kittens have found an unexpected new mother figure — a pet rabbit.
Veterinary nurse Melanie Humble took the three-week-old kittens to her Aberdeen home.
В свою очередь , как и раньше, означает повышенную значимость своего содержимого.
Отныне содержит текст, выбивающийся из общего окружения, но не имеющий эмоциональной окраски. На мой взгляд, логично использовать там, где типографская традиция предполагает курсив (например, слова на иностранном языке, термины и др.)
Per aspera ad Astra — в переводе с латыни изречение означает «Через тернии к звёздам».
же означает эмфатическое ударение, эмоциональный акцент на данном отрывке текста. Это тот случай, когда в речи мы выделяем слова голосом (интонацией, громкостью и др.)
Казнить нельзя, помиловать.
Внимательно читайте договор!
«Текст мелким шрифтом» (информация, являющаяся юридической формальностью, как то лицензия предприятия или юридический адрес и др.) мы, как правило, размечали элементом с классом, задающих в визуальных ПА более мелкий шрифт. Теперь же в нашем арсенале появился новый старый семантический элемент — .