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

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

Тег strong

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

тег strong

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

Пример тега strong

Тег em

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

тег em

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

Пример тега em

 

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

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

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

Плюсануть
Поделиться
Класснуть
Линкануть
Запинить

Буду благодарен, если поделитесь новостью в соцсетях

Вам также понравится...

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

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