⚙️
Front-end patterns
  • Введение
  • Шаблоны
    • Эффекты CSS
      • Overlay
      • Анимация display:none
      • Текст
        • Фон текста градиент с анимацией
      • Элементы формы
        • Вертикальное выравнивание placeholder по вертикали
      • Ссылки
        • Градиент как основной цвет
        • Линия под ссылкой ездит слева направо при наведении
      • Скрывать блок .clipped
    • Модальное окно
      • Dialog
    • Элементы формы
      • Select
      • Radio
      • CheckBox
      • Ввод текста (input)
        • Телефон (tel)
        • Почта (email)
      • Кнопка
    • Вкладки/Списки
      • Вкладки или Табы (tabs)
      • Аккордеон (Accordion)
    • Навигация
      • Основная и дополнительная навигация на сайте
        • Анимирование основной навигации
      • Пропустить навигацию
      • Хлебные крошки (Breadcrumbs)
      • Кнопка основной навигации (Бургер)
    • Структуры
      • Контейнер
      • Столбцы
      • Прогресс
      • Горизонтальная прокрутка карточек
      • Цитата
    • Тэги (семантика)
      • Текст
      • Логика
    • Увеличить скорость загрузки страницы
    • Шрифты
  • JS
    • Прокрутка страницы
    • Анимация элементов
  • A11Y
    • Фокус с клавиатуры
    • No sort
  • WordPress
    • Решения и подсказки
    • Плагины
    • Натягиваем сайт
      • Пустая тема
      • Делаем главную (пустую) страницу
      • Подключаем стили и js
      • Заменяем содержимое файлов (header, footer, page)
    • Свой плагин
      • Шаблон
      • Административная часть
      • Пользовательская часть
      • Локализация плагина
  • Ghost
    • Создание своей темы
      • Фалы шаблона
        • Partials
          • footer.hbs
          • header.hbs
          • post_card.hbs
        • index.hbs
        • default.hbs
        • post.hbs
      • Переменные
      • Циклы, условия и функции
  • Visual Studio
  • Gulp
    • Deploy on GitHub
    • Плагин
    • Моя сборка
      • Изображения
  • Регулярные выражения
  • Алгоритмы
    • Поиск
    • Сортировка
    • Поиск в ширину (глубину)
    • Типы данных
  • Конструкторы сайтов
Powered by GitBook
On this page

Was this helpful?

  1. Шаблоны
  2. Тэги (семантика)

Текст

PreviousТэги (семантика)NextЛогика

Last updated 1 year ago

Was this helpful?

<b> - увеличение текста (привлечение внимания) БЕЗ акцента

<small> - уменьшение текста на 1

<mark> выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют <mark> жёлтый фоновый цвет #ffff00 (yellow), похожий на выделение канцелярским маркером.

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

Для выделения важного используется , для изменения тона — .

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

<i> используется для изменения голоса или настроения части текста, чтобы передать его другое качество: официальное название, идиома из другого языка, транслитерация или ремарки.

<del> используется для отображения удалённого контента. Например, выполненного пункта в списке дел или удалённой части кода.

<s> обозначает содержимое, которое уже не корректно или потеряло актуальность.

<u> предназначен для выделения фрагмента текста, который стилистически отличается от остального текста. Например, слова с орфографическими ошибками или имена в китайском языке (по правилам их принято подчёркивать).

<sub> позволяет выводить подстрочный текст, например, в химических формулах: H2O

<sup> позволяет выводить надстрочный текст, например, в математических уравнениях: c2 = a2 + b2.


<blockquote> - длинная цитата

<q> - короткая цитата

<abbr> используется для вывода аббревиатур или акронимов.

<abbr title="California">CA</abbr>

<cite> используется для указания источников цитат, названий художественных произведений или объектов искусства.


<code> - для вывода текстовой информации, содержащих код программы

<var> используется для отображения переменных в математических выражениях и программном коде.

<pre> - блок предварительно отформатированного текста (сохраняет пробелы, табуляцию и пр.)


<bdo> переопределяет направление текста внутри — он отображается в другом направлении. Используется обычно для языков, где текст читается справа налево.

<bdi> - изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).

<strong>
<em>