<center>
- 25 января 2023
❌ Эта статья об устаревшем теге, спецификация HTML не рекомендует использовать его в веб-разработке.
Что делает тег
Тег <center>
выравнивает по центру текст или другие HTML-элементы внутри блочного элемента. Тег считается устаревшим и больше не рекомендуется к использованию.
Синтаксис тега <center>
<center>Текст или другой элемент HTML, который должен быть выровнен по центру</center>
Спецификация HTML
Тег <center>
устарел в HTML 4.01 и не является частью спецификации HTML Living Standard.
Семантический или нет
Тег <center>
не считается семантическим, так как не придаёт никакого конкретного значения содержимому.
Примеры использования
Выравнивание текста по центру:
<div>
<center>Этот текст будет выровнен по центру</center>
</div>
Выравнивание изображения по центру:
<div>
<center><img src="example.jpg"></center>
</div>
Выравнивание формы по центру:
<div>
<center>
<форма>
<!-- элементы формы идут здесь -->
</form>
</center>
</div>
Выравнивание видео по центру:
<div>
<center><video src="example.mp4"></video></center>
</div>
Для чего использовать тег <center>
- Для выравнивания заголовка страницы.
- Для выравнивания логотипа компании или другого изображения.
- Для выравнивания таблицы.
- Для выравнивания формы обратной связи.
- Для выравнивания рекламного видео.
Атрибуты тега <center>
У тега <center>
нет специфических атрибутов.
Глобальные атрибуты
Тег <center>
поддерживает все глобальные атрибуты HTML.
Ограничения тега
Тег <center>
считается устаревшим и больше не рекомендуется к использованию.
Нюансы
- Если содержимое внутри
<center>
шире контейнера, в котором находится тег, оно выйдет за пределы этого контейнера. - Если тег
<center>
используется несколько раз на странице, это может усложнить чтение и сопровождение кода.
Поддержка браузеров
Тег поддерживается всеми современными браузерами.
Актуальная информация — на сaniuse.
Альтернативные теги
В качестве альтернативы можно использовать тег <div>
для создания элемента контейнера с заданной шириной, а затем использовать свойство margin
для выравнивания элемента контейнера по центру. Например:
<div style="width: 80%; margin: 0 auto;">
<!-- содержание помещается здесь -->
</div>
Чем заменить тег
Тег <center>
можно заменить на CSS-стили, чтобы выровнять содержимое веб-страницы по центру:
.element {
margin: 0 auto;
display: block;
}
Также можно использовать тег <div>
для создания контейнера с заданной шириной и свойство margin
— для выравнивания контейнера по центру.
Актуальность
Тег <center>
устарел, не используйте его в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023