Курсив CSS
В прошлой статье мы обсуждали спецификацию выделения текста жирным шрифтом. В текущей статье мы поговорим о том, как выделить текст курсивом HTML. Как и в случае с жирным текстом, курсивный текст можно сделать тремя способами:
Рассмотрим все три варианта, как можно сделать курсив в HTML, обсудим тонкости этого вопроса и какие способы удобнее и правильнее использовать в тех или иных ситуациях.
Курсивный текст: тег
Тег i (italic), по аналогии с тегом b для жирного текста, служит для физического выделения курсивного текста (это означает, что изменяется только начертание текста). Применение тега i:
Конструктор сайтов "Нубекс"Таким образом, нужная часть текста помещается между тегами .
Курсивный текст: тег
Хотя тег i остается валидным, с точки зрения оптимизации сайта лучше использовать тег em для выделения логически важных участков текста. Это означает, что поисковые роботы учитывают важность текста, помещенного между тегами :
Конструктор сайтов "Нубекс"Конструктор сайтов «Нубекс»
Но не стоит забывать, что текст, заключенный в теги i и em, хоть и отображаются практически одинаково (во всех современных браузерах), по своей сути являеются не совсем идентичными, как уже отмечалось выше. Поэтому использовать теги нужно по мере необходимости: тегом em HTML обрамлять важные участки текста, а визуальное курсивное оформление применять с помощью тега i или CSS-стилей. Рассмотрим теперь использование CSS-стилей для курсивного выделения текста.
Курсивный текст силами CSS
Для установления стилей отображения шрифтов в CSS применяется свойство font-style, которое может принимать значения: oblique (наклонный текст), italic (курсив) и normal (обычный шрифт).
Стоит помнить о том, что курсивный шрифт и наклонный, по своей сути, не являются одним и тем же. Курсив — это особый шрифт, который является аналогом рукописного текста, а наклонный формируется посредством наклона обычного шрифта вправо.
Применение атрибута font-style на практике:
Курсив с помощью CSS - "Нубекс" .nubex1 < font-style: italic; >.nubex2 Наши сайты - это, действительно, огромный шаг в веб-разработке.
Мы делаем по-настоящему качественные сайты.
Но необходимо помнить, что некоторые браузеры текст со свойством font-style: oblique; могут интерпретировать не как наклонный текст, а как курсивный.
Выделение текста полужирным шрифтом
В Word можно сделать текст полужирным тремя способами: нажать кнопку Полужирный на мини-панели инструментов, нажать кнопку Полужирный на вкладке Главная или использовать сочетания клавиш.
Выделение текста полужирным шрифтом
Вы выберите текст, который вы хотите сделать полужирным, и сделайте следующее:
- Переместите указатель мыши на мини-панель инструментов над выделенным пунктом Полужирный .
- Нажмите кнопку Полужирный в группе Шрифт на вкладке Главная.
- Введите клавиши CTRL+B.
Примечание: Нажмите кнопку Полужирный или еще раз введите сочетания клавиш, чтобы отболеть выделенный текст.
Как выделить текст курсивом
Выделение текста жирным шрифтом, курсивом и подчеркивание текста
Панель форматирования, меню «Формат» и окно «Шрифты»упрощают и ускоряют изменение внешнего вида текста.
Сначала выделите текст или текстовый блок, содержащий текст, для которого нужно применить жирный шрифт, курсив или подчеркивание.
Способы применения к выбранному текту жирного шрифта, курсива или подчеркивания
- На панели форматирования нажмите кнопку для создания нужного эффекта.
- «B » — для жирного текста.
- «I » — для курсива.
- « U » — для подчеркнутого текста.
Как сделать текст курсивным. Тег
Тег не предназначен для использования в семантических целях, поскольку не передаёт никакого конкретного значения. Он только выделяет текст курсивом. Чрезмерное использование может сделать документ трудным для чтения и понимания, поэтому используйте тег только по мере необходимости.
В большинстве случаев тег можно заменить тегом . А чтобы специально указать, что текст должен быть выделен курсивом, используйте CSS. Например:
Это очень важно.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.