W3docs
ru
Войти

HTML тег <big>

Тег <big> делает текст крупнее окружающего. Он не поддерживается в HTML5 — узнайте, что использовать вместо него.

Элемент <big> заставлял текст отображаться на один размер шрифта крупнее окружающего текста. Он увеличивал размер шрифта на один шаг по сравнению с родительским элементом, при этом браузер сам решал, насколько велик «один шаг». Текст не мог стать крупнее максимального размера шрифта браузера.

На этой странице объясняется, что делал <big>, почему он был удалён из HTML5 и какой современный CSS следует использовать вместо него.

Опасно

Не используйте <big> в новых проектах. Это устаревший HTML-тег, полностью удалённый из HTML5 — браузеры могут по-прежнему отображать его ради обратной совместимости, однако это недопустимая разметка, которая может перестать работать в любой момент. Вместо него используйте CSS, управляющий размером шрифта.

Почему <big> был удалён

<big> — презентационный элемент: он описывает то, как должен выглядеть текст, а не его смысл. HTML5 построен на чётком разделении ответственности — HTML отвечает за структуру и смысл, CSS — за оформление. Смешение этих двух аспектов усложняет сопровождение страниц (для изменения стиля приходится редактировать разметку) и затрудняет их интерпретацию вспомогательными технологиями и поисковыми системами.

Теги вроде <big> появились на заре веба в 1990-х годах, когда CSS ещё не получил широкого распространения и встраивать размер текста прямо в разметку было единственным практичным решением. Когда CSS созрел, презентационные теги стали излишними. HTML5 убрал целое семейство таких тегов, включая <big>, <font>, <center> и <strike>. Вывод прост: размер и стиль принадлежат таблице стилей, а не имени тега.

Обратите внимание, что <small> был сохранён в HTML5 — но лишь потому, что ему было придано настоящее семантическое значение (побочные комментарии, мелкий шрифт). Для <big> не нашлось аналогичного смысла, поэтому он был удалён.

Синтаксис (устаревший)

Тег <big> использовался парно. Содержимое помещалось между открывающим (<big>) и закрывающим (</big>) тегами внутри <body>.

Пример устаревшего тега <big>

Внимание

Этот пример приведён только для справки. <big> недопустим в HTML5 — смотрите CSS-замену ниже.

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This text is normal.</p>
    <p><big>This text is bigger.</big></p>
  </body>
</html>
Попробуйте сами »

Результат

big example

CSS-замена

Наиболее точная замена — ключевое слово larger свойства font-size. Оно делает ровно то, что делал <big>: увеличивает текст на один шаг относительно родительского элемента — но в виде правила стиля:

.big {
  font-size: larger;
}

Примените его к <span> (строчный элемент без собственного смысла), и вы получите поведение <big> без устаревшего тега:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .big {
        font-size: larger;
      }
    </style>
  </head>
  <body>
    <p>This text is normal,
      <span class="big">and this text is bigger.</span>
    </p>
  </body>
</html>
Попробуйте сами »

Результат

big1 example

Выбор явного размера

larger удобен, но неточен — вы не контролируете, насколько крупнее станет текст. Для предсказуемой и масштабируемой типографики задавайте размер явно. Предпочтительнее использовать относительные единицы вместо фиксированных пикселей: тогда текст будет учитывать предпочтительный размер шрифта и масштаб, установленный пользователем:

p {
  font-size: 1rem;     /* base size — relative to the root <html> font size */
}
.big-em {
  font-size: 1.2em;    /* 1.2× the parent element's size */
}
.big-rem {
  font-size: 1.2rem;   /* 1.2× the root size, ignoring the parent */
}
.big-percent {
  font-size: 120%;     /* same idea as 1.2em, written as a percentage */
}

Почему они предпочтительнее, чем просто 19px?

  • em масштабируется относительно размера шрифта родителя — идеально для увеличения текста «на один шаг», как делал <big>.
  • rem масштабируется относительно размера шрифта корневого элемента (<html>) — одинаков везде, не зависит от вложенности.
  • % ведёт себя как em (относительно родителя) и воспринимается многими авторами как более естественная запись.
  • Фиксированное значение px игнорирует настройки браузера пользователя: те, кто увеличивают размер шрифта по умолчанию для удобства чтения, не увидят, что ваш «крупный» текст масштабируется вместе с ним. Относительные единицы сохраняют доступность вашего дизайна.

Атрибуты

<big> поддерживал только глобальные атрибуты — у него не было собственных атрибутов. На практике это почти не имеет значения: поскольку тег устарел, единственно правильный совет — вообще не использовать его.

Что делать сегодня

  • Никогда не используйте <big> (или <font>, <center>, <strike>) в новом HTML.
  • Чтобы увеличить текст, используйте CSS-свойство font-size — larger для быстрого увеличения на один шаг или относительную единицу (em/rem/%) для точного и доступного управления.
  • Если крупный текст несёт смысловую нагрузку (заголовок, выделение), используйте семантический элемент — заголовок или <strong> — и стилизуйте его через CSS, а не просто делайте обычный текст крупнее.

Практика

Практика
Каково назначение и значение HTML-тега <big>, описанного на указанной странице?
Каково назначение и значение HTML-тега <big>, описанного на указанной странице?
Was this page helpful?