strong в HTML


Содержание
Илон Маск рекомендует:  Информация о вашем браузере

в HTML

Тег является тегом фразы. Он определяет важный текст.

Совет: Этот тег не устарел, но можно добиться более насыщенного эффекта с помощью CSS.

Тег Описание
Визуализация как подчеркнутый текст
Определяет важный текст
Определяет часть кода компьютера
Определяет выборку выходных данных из компьютерной программы
Определяет ввод с клавиатуры
Определяет переменную

Поддержка браузера

Элемент
Да Да Да Да Да

Различия между HTML 4,01 и HTML5

В HTML 4,01 тег определяет сильный подчеркнутый текст, но в HTML5 он определяет важный текст.

Глобальные атрибуты

Тег также поддерживает Глобальные атрибуты в HTML.

Атрибуты события

Тег также поддерживает Атрибуты событий в HTML.

Похожие страницы

Параметры CSS по умолчанию

В большинстве обозревателей элемент будет отображаться со следующими значениями по умолчанию:

HTML тег

Элемент (от англ. «strong» ‒ «сильный, серьёзный») предназначен для выделения семантически важного фрагмента текста, на который нужно обратить внимание пользователя. По умолчанию браузеры такой текст отображают жирным шрифтом.

Синтаксис

Закрывающий тег

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент со следующими значениями CSS по умолчанию:

Различия между HTML 4.01 и HTML5

В HTML 4.01 тег определял выраженный текст, а в HTML5 определяет важный текст.

Тег HTML жирный шрифт, логическое выделение текста

Тег в HTML используется для выделения текста жирным шрифтом.

В HTML тег следует использовать для выделения важных фрагментов текста по смыслу (логического выделения).

Если вам нужно выделить текст жирным без логической составляющей, вместо HTML тега используйте тег физического форматирования .

Подробнее о различии в использовании тегов и читайте в статье: Как сделать жирный шрифт в HTML.

Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.

Жирный и курсивный текст в HTML, теги strong и em

Здравствуйте, уважаемые читатели сайта Uspei.com. В этом коротком уроке успеем еще два тега strong и em (жирный и курсивный текст). Они относятся к оформлению текста и поэтому их используют в HTML все реже, т.к. HTML все-таки предназначен для оформления структуры страницы. Но все же эти теги можно использовать и поэтому мы их рассмотрим.

Тег strong

Первый тег – это тег strong. Он позволяет сделать текст жирным. Если есть необходимость выделить какой-либо текст, то можно данный текст заключить в тег strong и таким образом текст станет жирным. Вот, как это делается в коде:

Вот такой вид предает тексту тег strong. О том, как это сделать в css я говорил тут.

Тег em

Второй тег – это тег em. Данный тег позволяет выделить текст курсивом. При этом обратите внимание, что данный тег следует писать внутри абзаца, т.е. после тега р.

Результат работы тега em.

Следует отметить, что вместо тега strong можно (но не рекомендуется) использовать тег , а вместо em . Следует заметить, что теги и , также как и хоть и похожи по своему действию, но не абсолютно равнозначными и заменяемыми. Тег — является тегом физической разметки и устанавливает жирное начертание текста, а тег — тегом логической разметки и выделяет помеченный текст.

Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов и , будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.

До встречи! Успевайте всё и всегда на страницах блога Uspei.com

Помоги проекту — подпишись на наш Яндекс.Дзен канал!

Какие HTML теги правильные? Отличия b от strong.

Какие теги использовать?


Как правильно — или , или ? Если говорить кратко — с точки зрения визуального отображения тегов в браузере, корректными будут оба варианта. Однако с точки зрения около-браузерной софистики — различий между тегами просто масса.

W3C, семантика, и благие цели

Сэр Тим Бернерс-Ли. Именно этому человеку мы обязаны в части облика Всемирной Паутины, интернета, таким, каким мы его знаем. Кстати, к названию WWW (WorldWideWeb — Всемирная Паутина) он тоже причастен.

Сэр Бернерс-Ли и самый первый в мире сайт. Wikipedia.

В 1994 году им была основана W3C — консорциум, по сей день являющийся главным и единственным институтом стандартизации представления данных в сети Интернет. В мире онлайна принято считаться с мнением W3C и все популярные браузеры сотрудничают с организацией, и следуют ее рекомендациям.

Теги: физические и семантические

Согласно предписаниям W3C, теги принято делить на теги физического и логического (семантического) уровня форматирования.

Теги физического форматирования были придуманы Бернерсом-Ли еще в далёком 1991 году.
Теги логического форматирования появились в середине 90-х, уже под эгидой Консорциума Всемирной Паутины (W3C) в спецификации HTML 2.0.
Физические призваны просто отображать форматирование текста так как было задумано автором. Логические же, как и следует из названия, обеспечивают и определенную логику обработки контента заключенного в них.

Зачем нужны логические теги?

Сама идея использования тегов, которые будут «обдуманно» применяться к различному контенту уже несет в себе немалые возможности.
Например, обозначьте тег , и браузер, и яндекс поймут, что тут идет пример кода, а будет означать, что используется аббревиатура.
Теги логического форматирования содержат в себе меньший объем текста и используются избирательно для единичных слов или фразы.

Отличия b от strong

При применении обоих тегов, мы будем наблюдать в браузере один и тот же эффект, так в чем же разница?
Разница в том что тег является тегом логической разметки, а просто делает текст жирным, не прибавляя к этому никакой смысловой нагрузки.

Зачем? В идеале W3C хотели чтобы браузеры отображали важный участок текста иначе. На деле же оказалось, что эффект можно наблюдать только в речевых браузерах для слабовидящих, где слова выделенные strong-ом, действительно подчеркиваются интонацией.

Отличия i от em

С тегами для придания шрифту начертания курсивом, ситуация весьма схожая. Использование тега , также как и использование тега дадут одинаковый эффект.

Комментарии W3C советуют использовать тег для выделения курсивом. Ни о чем конкретном при этом не говорится, мы вольны выделять хоть имя автора, указанное в тексте, хоть просто важное по смыслу понятие или даже целое предложение. В общем, всё как в печатной литературе.

С тегом всё как и со строногом — он логический. Лично меня очень забавляет официальное описание тега на сайте W3C.
Офсайт консорциума пишет что тег предназначен для выделения «emphatic stress» текста.
Эмпатический, мать его, стресс. Ну я согласен, что на русский это можно перевести не так грубо, но яснее ситуация не становится. Есть ощущение, что консорциум и сам не знает, для чего добавил элемент.
На сегодняшний день W3C советует использовать CSS вместо , а как тег выделения курсивом.

Влияние strong и b на оптимизацию

Есть пара мифов о том, как использование тегов логической разметки и влияет на позиции.

Первый убеждает нас в том, что использование логических тегов вместо привычных и позволит сайту подняться в выдаче.
Второй говорит о том, что теги выделения нельзя использовать в текста больше определенного количества раз.

По факту помнится, кто то даже проводил эксперимент, который конечно так и не дал ответ на вопрос на 100%.
На позицию сайта в поисковой системе влияет множество нюансов, ничего нельзя сказать однозначно.

Кроме того, есть случаи, когда использование верстки именно физическими тегами необходимо.
Я часто использую физическую разметку в верстке шаблонов писем. Субъективно могу сказать что такие теги вызывают меньше ошибок в онлайн версиях почтовиков.

Мнение Google и Яндекс

Несколько лет назад, в ходе трансляции на Youtube, Google, в лице своего представителя (Matt Cutts), ясно дали ответ на этот вопрос. Ответ: нам без разницы какие теги вы используете (b/i или strong/em). Делайте хорошие сайты для людей, а потом уже думайте об таких мелочах.

Matt Cutts объясняет что к чему. Youtube

Яндекс же не дает никаких комментариев, но везде советует использовать семантические теги по максимуму.
Так или иначе, Яндекс всегда «притормаживает» с копированием стандартов у гугл и/или их переработкой, так что в этой части можно и ограничится мнением американского собрата.

Выводы

В интернете полно советчиков, и еще больше людей, считающих, что их мнение единственно правильное.
Я не буду придерживаться какой то конкретной версии, я лишь скажу очевидное — тег короче тега .
Если вы пишете код вручную, если вы вносите быстрые правки прямо через панель CMS, гораздо удобнее 5 раз прописать именно тег .
Какая разница в конечном итоге, ведь отображение то одинаковое.

Да, и, пожалуй, я испытываю определенную ностальгическую привязанность к старым (но отлично работающим) тегам HTML, но это уже отношения к теме не имеет.:-)

Тег STRONG

Браузер Internet Explorer Netтscape Опера Safari Mozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да
ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Тег предназначен для акцентирования контента. Браузеры отображают такой контент жирным начертанием.

Синтаксис

контент

Закрывающий тег

Параметры

Аналог CSS (ЦСС)

Пример 1. Использование тега

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Результат данного примера показан на рис. 1.

Рис. 1. Вид акцентированного контента в контенте

Примечание

Следует отметить, что теги и , также как и , несмотря на сходство результат, являются не совсем эквивалентными и заменяемыми. Первый тег — является тегом физической разметки и устанавливает жирный контент, а тег — тегом логической разметки и определяет важность помеченного контента. Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать ШТМЛ универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если применить, например, речевым браузером, то контент, оформленный с помощью тегов и , будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.

в HTML


Тег предназначен для выделения текста полужирным шрифтом. Причем, выделять можно как обычный текст, так и, допустим, внутри ссылок.

В HTML выделять текст полужирным можно не только с помощью тега , но и тега . Обычные визуальные браузеры отображают содержимое этих тегов одинаково, а вот невизуальные (голосовые) могут акцентировать текст внутри , например определенными интонациям.

Атрибуты

Личные атрибуты: нет.

  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab ).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Модель тега: inline (встроенный, уровня строки).

Может содержать: inline-теги, обычный текст и спецсимволы HTML (мнемоники).

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

Пример HTML: применение тега STRONG

Результат. Применение тега STRONG.

Тег strong

Тег (англ. strong — имеющий преимущество) — тег-контейнер, логически выделяет, усиливает текст.
Строчный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис
Атрибуты
class определяет имя используемого класса
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
id уникальный индетификатор
lang определяет используемый язык в документе, на который указывает ссылка
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка
Пример
Рекомендации по использованию
  • закрывающий тег обязателен ()
  • тег может содержать CDATA и строчные элементы
  • обязательных атрибутов нет
  • является тегом логической разметки. Подчеркивает важность помеченного текста
  • аналог CSS — font-weight: bold (CSS свойство не пердает важность выделенного фрагмента)

Визуальные браузеры, как правило, выделяют содержимое тега жирным шрифтом. Поэтому тег внешне схож с тегом , который обозначает физическую разметку.

Голосовые браузеры могут менять параметры синтеза голоса, такие как уровень громкости, высота и диапазон.

Поисковые системы повышают рейтинг (значение) слов, выделенных, как . Рекомендуется использовать тег только для выделения ключевых слов (фраз).

Тег strong

Тег (англ. strong — имеющий преимущество) — тег-контейнер, логически выделяет, усиливает текст.
Строчный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис
Атрибуты
class определяет имя используемого класса
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
id уникальный индетификатор
lang определяет используемый язык в документе, на который указывает ссылка
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка
Пример
Рекомендации по использованию
  • закрывающий тег обязателен ()
  • тег может содержать CDATA и строчные элементы
  • обязательных атрибутов нет
  • является тегом логической разметки. Подчеркивает важность помеченного текста
  • аналог CSS — font-weight: bold (CSS свойство не пердает важность выделенного фрагмента)

Визуальные браузеры, как правило, выделяют содержимое тега жирным шрифтом. Поэтому тег внешне схож с тегом , который обозначает физическую разметку.

Голосовые браузеры могут менять параметры синтеза голоса, такие как уровень громкости, высота и диапазон.

Поисковые системы повышают рейтинг (значение) слов, выделенных, как . Рекомендуется использовать тег только для выделения ключевых слов (фраз).

Тег HTML жирный шрифт, логическое выделение текста

Тег в HTML используется для выделения текста жирным шрифтом.

В HTML тег следует использовать для выделения важных фрагментов текста по смыслу (логического выделения).

Если вам нужно выделить текст жирным без логической составляющей, вместо HTML тега используйте тег физического форматирования .

Подробнее о различии в использовании тегов и читайте в статье: Как сделать жирный шрифт в HTML.

Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL