Что такое em в html
Перейти к содержимому

Что такое em в html

  • автор:

: Элемент акцентирования

HTML элемент отмечает акцентируемый текст. Элемент может быть вложенным, причём каждый уровень вложенности указывает на большую степень акцента.

Категории контента Потоковый контент, фразовый контент, явный контент.
Допустимый контент Фразовый контент.
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Допустимые родители Любой элемент, который принимает фразовый контент.
Допустимые ARIA-роли Любые
DOM-интерфейс HTMLElement до Gecko 1.9.2 (Firefox 4) включительно Firefox реализует интерфейс HTMLSpanElement (en-US) для этого элемента.

Атрибуты

К этому элементу применимы глобальные атрибуты.

Примечания по использованию

Элемент предназначен для слов, которые имеют подчёркнутый акцент по сравнению с окружающим текстом, который часто ограничивается словом или словами предложения и влияет на смысл самого предложения.

Обычно этот элемент отображается курсивом. Однако его не следует использовать просто для применения курсивного стиля; для этой цели используйте свойство CSS font-style . Используйте элемент , чтобы пометить название произведения (книги, пьесы, песни и т. д.). Используйте элемент (en-US), чтобы пометить текст в альтернативном тоне или настроении, который охватывает многие распространённые ситуации курсива, такие как научные имена или слова на других языках. Используйте элемент , чтобы пометить текст, который имеет большее значение, чем окружающий текст.

< i>против

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

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

Это означает, что правильное использование зависит от ситуации. Ни для чисто декоративных целей, это то, для чего предназначен CSS-стиль.

Примером для может быть: -«Просто сделай это!», или: «Мы должны были что-то с этим сделать». Человек или программа, читающие текст, будут произносить слова, выделенные курсивом, с ударением, используя словесное ударение.

Примером для может быть: «Королева Мэри отплыла прошлой ночью». Здесь нет никакого дополнительного акцента или важности на слове «Королева Мэри». Просто указывается, что речь идёт не о королеве по имени Мария, а о корабле по имени Королева Мария. Другим примером для может быть: «Слово ‘the’ это артикль».

Пример

Элемент часто используется для указания неявного или явного контраста.

p> В HTML 5, что ранее называлось контентом em>уровня блокаem> теперь называется контентом em>потокаem>. p> 

Элемент em

Элемент em (от англ. » em phasis» ‒ «акцент, внимание») делает логическое ударение на содержимом, то есть выделяет вложенный в него текст, как текст на котором необходимо заострить особое внимание. В отличии от элемента обычной (физической) разметки i , который имеет такой же визуальный эффект (‘ курсив ‘), элемент em указывает именно на логичекую разметку вложенного текста.

Примечание

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

CSS

Визуальный эквивалент: font-style: italic; .

HTML тег

HTML тег (emphasized) предназначен для выделения текста на который стоит обратить внимание. Браузеры отображают такой текст курсивным начертанием.

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

Элемент также не предназначен для выражения значительной важности; для этой цели более целесообразно использовать элемент .

Атрибуты

Стиль по умолчанию

Пример

 

Кошки это милые животные.

Кошки это милые животные.

Результат данного примера в окне браузера:

Пример использования тега <em></p>
<p>» width=»333″ height=»160″ /></p><div class='code-block code-block-11' style='margin: 8px 0; clear: both;'>
<!-- 11dvdigital -->
<script src=

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Что такое em в html

Придаёт особый смысл отдельным словам или фразам в тексте.

Время чтения: меньше 5 мин

Открыть/закрыть навигацию по статье
Контрибьюторы:

  • Татьяна Фокина ,
  • Светлана Коробцева

Обновлено 8 ноября 2023

Кратко

Скопировать ссылку «Кратко» Скопировано

Тег добавляет тексту внутри смысловой акцент.

Пример

Скопировать ссылку «Пример» Скопировано

Текст внутри по умолчанию выделяется курсивом при помощи font — style : italic .

 

Коты обожают кошачью мяту.

p>Коты em>обожаютem> кошачью мяту.p>

Как пишется

Скопировать ссылку «Как пишется» Скопировано

Используйте для смыслового выделения куска текста и не используйте его для просто курсива — для этого нужен тег . При этом также не задуман для придания важности тексту — для этого подойдёт .

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

    Этого не ожидал никто, даже известный своим природным чутьём Джимми .  p> em> Этого не ожидал никто, em>даже известный своим природным чутьём Джиммиem> em>. p>      

Доступность

Скопировать ссылку «Доступность» Скопировано

Хотя считается элементом семантической вёрстки, у него пока нет встроенной роли emphasis . Так что для скринридеров это простой текст, который они никак не выделяют интонацией.

Чтобы магия произошла и скринридер понял, что слово или фраза крайне важные, достаточно стилизовать элемент с помощью font — style : italic . Если у пользователя скринридера включена специальная настройка, он услышит небольшое изменение в озвучивании такого текста.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *