— HTML | MDN
Элемент сильной значимости (<strong>) указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.
Этот элемент включает в себя глобальные атрибуты.
Элемент <strong> предназначен для контента, который имеет «большое значение», включая вещи большой серьёзности или срочности (например, предупреждения). Это может быть предложение, которое имеет большое значение для всей страницы, или вы можете просто попытаться указать, что некоторые слова имеют большее значение по сравнению с соседним контентом.
Обычно этот элемент отображается по умолчанию с использованием жирного шрифта. Однако, он не должен быть использован просто для применения жирного стиля; используйте свойство CSS font-weight для этой цели. Используйте элемент <b>, чтобы привлечь внимание к определённому тексту без указания более высокого уровня важности.
Используйте элемент <em> element для выделения текста, который имеет выраженный акцент.
Другим приемлемым использованием для <strong> является обозначение ярлыков абзацев, которые представляют заметки или предупреждения в тексте страницы.
<b> против <strong>
Это часто путает новых разработчиков, почему существует так много способов выразить одно и то же на представленном веб-сайте. <b> и <strong> возможно, является одним из наиболее распространённых источников путаницы, заставляя разработчиков задавать себе вопрос: «Должен ли я использовать <b> или <strong>? Разве они не делают одно и тоже?»
Не совсем. Элемент <strong> для контента, который имеет большее значение, в то время как элемент <b> используется для привлечения внимания к тексту, не указывая на то, что это более важно.
Это может помочь понять, что оба являются правильным и семантическими элементами в HTML5, и это совпадение, что оба они имеют одинаковый стиль (полужирный) в большинстве браузеров (хотя некоторые старые браузеры фактически подчёркивают <strong>).
Каждый элемент предназначен для использования в определённых типах сценариев, и если вы хотите жирный шрифт просто для украшения, вместо этого вы должные использовать свойства CSS font-weight.
Предполагаемое значение или цель прилагаемого текста должно быть тем, что определяет, какой элемент вы используете. Значение общения — вот что такое семантика.
<em> против <strong>
Добавление к путанице заключается в том, что, хотя HTML 4 определяет <strong> как просто указывающий на более сильный акцент, HTML 5 определяет <strong> как представляющий «большое значение для его содержимого». Это важное различие.
В то время, как <em> используется для изменения значения предложения, поскольку делается устный акцент («Я люблю морковь» против «Я люблюморковь«), <strong> используется, для придания предложению порции особого значения (например, «Предупреждение! Это очень опасно.
«) Оба элемента <strong> и <em> могут быть вложены для увеличения относительной степени важности или усиленного акцента, соответственно.
Основной пример
<p>Прежде чем продолжить, <strong>убедитесь, что вы надели защитные очки</strong>.</p>
Результат:
Маркировочные предупреждения
<p><strong>Важно:</strong> прежде чем продолжить, убедитесь, что вы добавили много масла.</p>
Это приведёт к:
| Specification |
|---|
| HTML Standard # the-strong-element |
BCD tables only load in the browser
with JavaScript enabled. Enable JavaScript to view data.- Элемент
<b> - Элемент
<em> - Элемент
font-weight
Last modified: , by MDN contributors
HTML/Элемент strong
Синтаксис
(X)HTML
<strong> ... </strong>
Описание
strong (от англ. «strong» ‒ «сильный, серьёзный») применяется для выделения текста особой важности, серьёзности или срочности. Hапример, для обозначения предупреждения, предостережения, уведомления и так далее. Текст, вложенный в данный элемент, браузеры отображают ‘полужирным шрифтом‘. Данный элемент может быть использован в заголовках (сайта, раздела, объекта, таблицы) и тексте для логического выделения очень важной части текста или заголовка, на которую пользователь должен обратить внимание в первую очередь. Уровень важности выделенного текста может меняться в зависимости от элементов родителей. Так, например, элемент strong использованный внутри элемента h2 будет иметь большую важность, чем такой же элемент strong использованный в элементе h3 или где-нибудь в текстовой части документа.
Примечание
По логическому смыслу strong похож на элемент em, но в отличии от последнего strong является более важным элементов и его использование (повторение) в тексте должно быть менее частым (в крайних случаях) чем элемента em.
CSS
Визуальный эквивалент: font-weight: bold;.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | Strong Emphasis: STRONG | Перевод |
3. 2 | ||
| 4.01 | 9.2.1 Phrase elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM DTD: Transitional
Strict
Frameset | |
| 5.0 | 4.5.3 The strong element | |
| 5.1 | 4.5.3. The strong element | |
| XHTML | ||
| 1.0 | Extensible HyperText Markup LanguageTransitional
Strict
Frameset | |
| 1.1 | Extensible HyperText Markup Language | |
Атрибуты
- Глобальные атрибуты
- accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Элемент strong</title>
<style type=»text/css»>.
</head>
<body>
<h2>Пример использования элемента «strong»</h2>
<h3>Раздел 1: <strong>»Копирование»</strong></h3>
<p><strong>Внимание</strong> копирование текста расположенного на данной странице на <span>любые носители информации</span>, а так же его печать <em>запрещены</em>.</p>
<p><strong>К носителям информации относятся:</strong> компьютеры, телефоны, планшеты, жесткие диски, flash-накопители, CD/DVD диски, дискеты, магнитные ленты, а так же <em>любые устройства способные запоминать/копировать и воспроизводить указанную информацию</em>.</p>
</html>
Элемент strong
&двоеточие; Элемент Strong Importance — HTML: Язык гипертекстовой разметки
HTML-элемент указывает, что его содержимое имеет большую важность, серьезность или срочность.
Браузеры обычно отображают содержимое жирным шрифтом.
Этот элемент включает только глобальные атрибуты.
Элемент предназначен для контента, который имеет «большую важность», включая очень серьезные или срочные вещи (например, предупреждения). Это может быть предложение, имеющее большое значение для всей страницы, или вы можете просто попытаться указать, что некоторые слова имеют большее значение по сравнению с ближайшим содержанием.
Обычно этот элемент отображается по умолчанию жирным шрифтом. Однако для применения жирного стиля следует использовать , а не ; используйте свойство CSS font-weight для этой цели. Используйте элемент , чтобы привлечь внимание к определенному тексту без указания более высокого уровня важности. Используйте элемент , чтобы пометить текст с ударением.
Другое допустимое использование для — это обозначение меток абзацев, которые представляют собой примечания или предупреждения в тексте страницы.
Новые разработчики часто сбиваются с толку, почему существует так много способов выразить одно и то же на отрендеренном веб-сайте. и , пожалуй, один из самых распространенных источников путаницы, заставляющий разработчиков задаваться вопросом: «Должен ли я использовать или ? Разве они оба не делают одно и то же? вещь?»
Не совсем так. Элемент предназначен для более важного контента, а элемент 9Элемент 0004 используется для привлечения внимания к тексту без указания того, что он важнее.
Это может помочь понять, что оба являются допустимыми и семантическими элементами в HTML и что это совпадение, что они оба имеют одинаковый стиль по умолчанию (жирный шрифт) в большинстве браузеров (хотя некоторые старые браузеры фактически подчеркивают ). Каждый элемент предназначен для использования в определенных типах сценариев, и если вы хотите выделить текст жирным шрифтом для украшения, вместо этого вам следует использовать CSS 9.
0004 свойство font-weight .
Предполагаемое значение или цель вложенного текста должны определять, какой элемент вы используете. Передача смысла — вот что такое семантика.
против Путаницу усугубляет тот факт, что в то время как HTML 4 определил как указание на более сильное выделение, HTML 5 определяет как представляющий «большую важность для его содержание». Это важное различие.
В то время как используется для изменения смысла предложения, как это делает ударение в речи («Я люблю морковей» против «Я люблю морковей »), используется для порций предложения с добавленной важностью (например, « Предупреждение! Это очень опасно. «). И , и могут быть вложены друг в друга для увеличения относительной степени важности или ударения соответственно.
Базовый пример
Прежде чем продолжить, наденьте защитные очки.
Результат:
Маркировка предупреждений
Важно! Прежде чем продолжить, убедитесь, что вы добавили достаточно масло.
Результат:
| Спецификация |
|---|
| Стандарт HTML # the-strong-element |
Таблицы BCD загружаются только в браузере
с включенным JavaScript. Включите JavaScript для просмотра данных.- Элемент
- Элемент
- Свойство
font-weight
Последнее изменение: , участниками MDN
HTML: тег
В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый Тег с синтаксисом и примерами.
Описание
HTML-тег выделяет текст, что традиционно означает, что браузер выделяет текст жирным шрифтом.
Этот тег также часто называют элементом .
Синтаксис
В HTML синтаксис тега :
Выделенный текст идет здесь, но не здесь
Пример вывода
Атрибуты
К тегу применяются только глобальные атрибуты. Нет атрибутов, специфичных для тега .
Примечание
- Тег используется для отделения текста от остального содержимого. Браузеры традиционно выделяют жирным шрифтом текст внутри тега . Вы можете изменить это поведение с помощью CSS.
Совместимость с браузерами
Тег имеет базовую поддержку со следующими браузерами:
- Chrome
- Андроид
- Firefox (Геккон)
- Firefox Mobile (Геккон)
- Internet Explorer (IE)
- Пограничный мобильный телефон
- Опера
- Опера Мобайл
- Сафари (веб-кит)
- Сафари Мобильный
Пример
Мы обсудим тег ниже, исследуя примеры использования тега в HTML5, HTML 4.
01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.
- HTML5
- HTML4
- XHTML
Документ HTML5
Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть следующим образом:
<голова> <мета-кодировка="UTF-8">Пример HTML5 от www.techonthenet.com <тело>Заголовок 1
Мы хотим выделить
этот текст.
В этом примере документа HTML5 мы создали тег , заключающий в себе текст «этот текст». Ваш браузер по умолчанию будет отображать «этот текст» жирным шрифтом. Вы можете перезаписать это поведение с помощью CSS.
HTML 4.01 Transitional Document
Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть следующим образом:
w3.org/TR/html4/loose.dtd"> <голова>
Переходный пример HTML 4.01 от www.techonthenet.com <тело>Заголовок 1
Мы хотим выделить этот текст.
В этом примере переходного документа HTML 4.01 мы создали тег , заключающий в себе текст «этот текст». Ваш браузер по умолчанию будет отображать «этот текст» жирным шрифтом. Вы можете перезаписать это поведение с помощью CSS.
Документ XHTML 1.0 Transitional
Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть следующим образом:
<голова>Переходный пример XHMTL 1.0 от www.techonthenet.<img class="lazy lazy-hidden" loading='lazy' src="//art-nto.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.pinimg.com/736x/49/72/5c/49725c6545c6830873baddd5bfafd497--abd-the-top.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.pinimg.com/736x/49/72/5c/49725c6545c6830873baddd5bfafd497--abd-the-top.jpg' /></noscript> com <тело>Заголовок 1
Мы хотим выделить этот текст.
В этом примере переходного документа XHTML 1.0 мы создали тег , заключающий в себе текст «этот текст». Ваш браузер по умолчанию будет отображать «этот текст» жирным шрифтом. Вы можете перезаписать это поведение с помощью CSS.
XHTML 1.0 Strict Document
Если вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег может выглядеть так:
<голова>Строгий пример XHTML 1.0 от www.techonthenet.com <тело>Заголовок 1
Мы хотим выделить этот текст.
В этом примере XHTML 1.0 Strict Document мы создали тег , заключающий в себе текст «этот текст».
