HTML тег center

Автор: | 20.07.2011

Основные вопросы статьи:

  1. Как использовать тег center?
  2. Почему не работает тег center?
  3. Все о теге center
  4. Есть ли тег center в спецификации?

Html тег <center> парный. Т.е. для данного тега закрывающий тег </center> обязателен. Иначе его действие будет распространяться до конца документа.

Тег center позволяет выравнивать все содержимое по горизонтале (между открывающим и закрывающим тегом) «по центру». Например:

Данный текст центрирован тегами center.
И находится он, как видите, по центру страницы.
По крайней мере, так должно быть 🙂

Однако выравнивание текста происходит не везде. Например, если между тегами <center> попадается таблица, то сама таблица будет расположена на странице по центру. Правда это можно заметить, только если ширина таблицы имеет определенный размер и этот размер меньше ширины самой страницы 🙂 Однако, все что находится внутри таблицы будет отформатировано так, как это предусмотрено по умолчанию в браузере или другими параметрами. Как правило, по умолчанию, весь текст в таблице «прижимается» к левому краю. Например:

Этот текст находится внутри парного тега <center> и центрирован.

 Однако текст внутри таблицы не центрирован, хотя таблица и находится внутри тега<center>

Ну, а теперь мы закроем тег <center> его закрывающим напарником </center>

Хотелось бы обратить внимание на два момента.
1. Данный тег находится «вне закона». Хотя его и поддерживают, практически, все браузеры, но его не одобряет спецификация HTML. Поэтому для валидности (правильности) кода лучше применить парный тег <p> с параметром «align». Например, <p align=»center»>Здесь текст, который нужно отцентрировать</p>. А для выравнивания таблицы по центру прописать  тот же параметр в теге <table>. Например, <table width=»400″ align=»center» border=»0″>. Заметьте, в данном случае центрирование происходит только самой таблицы! Текст внутри таблицы останется по левому краю.

2. Для тех, кто пользуется таблицами стилей (файлы стилей *.css) В данных таблицах предусмотрен аналог тега <center> — параметр text-align:center

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

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