Описание html: Тег — Глоссарий | MDN

— элемент выделения важного текста — HTML

Элемент сильной значимости (<strong>) указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.

Категории контентаПотоковой контент, Фразовый контент, явный контент.
Допустимый контентФразовый контент.
Опускание теговНет, должен иметь как начальный тег, так и конечный тег.
Допустимые родителиЛюбой элемент, который принимает фразовый контент, или любой другой элемент, который принимает потоковой контент.
Допустимые ARIA-ролиЛюбые
DOM-интерфейсHTMLElement

Этот элемент включает в себя глобальные атрибуты.

Элемент <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

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

Что такое HTML

Назад

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari (см.: Браузер#Рыночные доли).

HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег (например, тег переноса строки <br> — одиночный и закрывать его не нужно) . Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, атрибут href=»/ у ссылки). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

  • <strong>Текст между двумя тегами — открывающим и закрывающим.</strong>

  • <a href=»http://www.example.com»>Здесь элемент содержит атрибут href, то есть гиперссылку.</a>

  • А вот пример пустого элемента: <br>

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

<!DOCTYPE html>

<html>

   <head>

      <meta charset="utf-8" />

      <title>HTML Document</title>

   </head>

   <body>

      <p>

         <b>

            Этот текст будет полужирным, <i>а этот — ещё и курсивным</i>.

         </b>

      </p>

   </body>

</html>​

 

даст такой результат:

Этот текст будет полужирным, а этот еще и курсивным.

 







У вас нет прав для комментирования.

Метатег HTML

❮ Назад
Полный справочник HTML
Далее ❯

Пример

Описать метаданные в документе HTML:


<метакодировка="UTF-8">



 

Попробуйте сами »

Другие примеры «Попробуйте сами» ниже.

Определение и использование

Тег определяет метаданные о
HTML-документ. Метаданные — это данные (информация) о данных.

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

Метаданные не будут отображаться на странице, но могут быть обработаны машиной.

Метаданные используются браузерами (как отображать контент или перезагружать страницу),
поисковые системы (ключевые слова) и другие веб-сервисы.

Существует метод, позволяющий веб-дизайнерам управлять областью просмотра.
(видимая пользователем область веб-страницы), через тег (см.
Пример «Вьюпорт» ниже).

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

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

Атрибуты

Атрибут Значение Описание
кодировка набор символов Указывает кодировку символов для HTML-документа
содержание текст Указывает значение, связанное с атрибутом http-equiv или name
http-экв. политика безопасности контента
тип контента
стиль по умолчанию
обновление		 Предоставляет заголовок HTTP для информации/значения атрибута содержимого
имя имя-приложения
автор
описание
генератор
ключевые слова
область просмотра		 Задает имя для метаданных

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

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

Дополнительные примеры

Определение ключевых слов для поисковых систем:

Определение описания вашей веб-страницы:

0

meta name=»description» content=»Бесплатные веб-учебники для
HTML и CSS»>

Определить автора страницы:

Обновлять документ каждые 30 секунд:

Настройка области просмотра, чтобы ваш сайт хорошо отображался на всех устройствах:

0″>

Настройка области просмотра

Область просмотра — это видимая пользователем область веб-страницы. Это зависит от устройства
— на мобильном телефоне он будет меньше, чем на экране компьютера.

Вы должны включать следующий элемент на все свои веб-страницы:

Это дает браузеру инструкции о том, как
для управления размерами страницы и масштабированием.

Часть width=device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая зависит от устройства).

Начальная шкала =1,0 9Часть 0026 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.

Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра :

Совет: Если вы просматриваете эту страницу с помощью телефона или планшета, Вы можете нажать на две ссылки ниже, чтобы увидеть разницу.

Без
метатег области просмотра


метатег окна просмотра

Вы можете узнать больше об области просмотра в нашем Учебнике по адаптивному веб-дизайну.

Связанные страницы

Учебник по HTML: HTML Head

Ссылка на HTML DOM:
Метаобъект

Настройки CSS по умолчанию

Нет.

❮ Предыдущий
Полный справочник HTML
Далее ❯

Мета-имя HTML Атрибут

❮ HTML-тег

Пример

Используйте атрибут имени для определения описания, ключевых слов и автора HTML-документа.
Также определите область просмотра, чтобы управлять размерами страницы и масштабированием для
разные устройства:

<голова>


 
 

Попробуйте сами »

Атрибут name указывает имя для метаданных.

Атрибут name указывает имя для информации/значения
содержание атрибут.

Примечание: Если установлен атрибут http-equiv ,
Атрибут name не должен быть установлен.

HTML5 представил метод, позволяющий веб-дизайнерам контролировать
область просмотра (видимая пользователем область веб-страницы), через
Тег (см. пример «Настройка области просмотра» ниже).

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

Атрибут
имя Да Да Да Да Да

Синтаксис

Значения атрибутов

Значение Описание
имя-приложения Указывает имя веб-приложения, которое представляет страница
автор Указывает имя автора документа. Пример:

описание Задает описание страницы. Поисковые системы могут подобрать это описание для отображения с результатами поиска. Пример:

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

ключевые слова Указывает разделенный запятыми список ключевых слов, относящихся к странице (информирует поисковые системы, о чем страница).

Совет: Всегда указывайте ключевые слова (необходимые поисковым системам для каталогизации страницы). Пример:

окно просмотра Управляет областью просмотра (видимой пользователем областью веб-страницы).

Окно просмотра зависит от устройства и будет меньше на мобильном телефоне, чем на экране компьютера.

Вы должны включать следующий элемент области просмотра на все свои веб-страницы:

Элемент области просмотра дает браузеру инструкции о том, как
для управления размерами страницы и масштабированием.

Часть width=device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая зависит от устройства).

Часть initial-scale=1.0 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.

Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра:

Совет: Если вы просматриваете эту страницу с телефона или планшета, вы можете нажать на две ссылки ниже, чтобы увидеть разницу.

Без
метатег области просмотра


метатег окна просмотра

Вы можете узнать больше об области просмотра в нашем адаптивном веб-дизайне — Учебное пособие по области просмотра.

❮ HTML-тег

ВЫБОР ЦВЕТА

Лучшие учебники

Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Основные ссылки

HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

Top6s
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM |
О

W3Schools оптимизирован для обучения и обучения.