Почему тег <center> не рекомендуется в HTML?

Мне просто любопытно, почему <center>тег в HTML устарел.

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

Кто-нибудь знает какой-нибудь простой способ о том, как центрировать «материал» (не « margin-left:auto; margin-right:auto;вещь и ширина»), что-то, что заменяет <center>? А также, почему это устарело?

<center>Элемент был устаревшим , поскольку он определяет представление о его содержании - оно не описывает его содержимое.

Один из способов центрирования является установкой margin-leftи margin-rightсвойства элемента к auto, а затем установить родительский элемент text-alignсвойство center. Это гарантирует, что элемент будет центрирован во всех современных браузерах.

Согласно W3Schools.com ,

Центральный элемент устарел в HTML 4.01 и не поддерживается в XHTML 1.0 Strict DTD.

Спецификация HTML 4.01 дает эту причину для отказа от тега:

Элемент CENTER в точности эквивалентен указанию элемента DIV с атрибутом выравнивания, установленным в «center».

То, что я делаю, - это беру обычные задачи, такие как центрирование или плавание, и делаю из них CSS-классы. Когда я делаю это, я могу использовать их на любой странице. Я также могу позвонить столько, сколько я хочу на одном элементе.

.text_center {text-align: center;}
.center {margin: auto 0px;}
.float_left {float: left;}

Теперь я могу использовать их в своем HTML-коде для выполнения простых задач.

<p class="text_center">Some Text</p>

Я до сих пор иногда использую тег <center>, потому что в CSS ничего не работает. Примеры попыток использовать трюк <div> и неудачи:

<div style="text-align: center;">This div is centered, but it's a simple example.</div>
<br />
<div style="text-align: center;"><table border="1"><tr><td>&lt;div style="text-align: center;"&gt; didn't center correctly.</td></tr></table></div>
<br />
<div style="text-align: center;margin-left:auto;margin-right:auto"><table border="1"><tr><td>&lt;div style="text-align: center;margin-left:auto;margin-right:auto"&gt; still didn't center either</td></tr></table></div>
<br />
<center><table border="1"><tr><td>Actually Centered with &lt;center&gt; tag</td></tr></table></center>

<центр> получает результаты. Чтобы использовать CSS вместо этого, вам иногда приходится размещать CSS в нескольких местах и ​​связываться с ним, чтобы выровнять его по центру. Чтобы ответить на ваш вопрос, CSS стал религией с верующими и последователями, которые избегали <center> <b> <i> <u> как богохульство, нечестивое и слишком простое ради собственной безопасности работы. И если они попытаются отобрать у вас <table>, спросите их, что такое CSS-эквивалент атрибута colspan или rowspan.

Это не абстрактная или книжная правда, а живая правда, которая имеет значение.
- дзен

Вы все еще можете использовать это с XHTML 1.0 Transitional и HTML 4.01 Transitional, если хотите. Единственный другой способ (лучший, на мой взгляд) - с полями:

<div style="width:200px;margin:auto;">
  <p>Hello World</p>
</div>

Ваш HTML должен определять элемент, а не управлять его представлением.

Предполагается, что разметка, т. Е. Теги HTML, представляют значение и структуру, а не внешний вид. Он был сильно перепутан в ранних версиях HTML, но стандарты сейчас пытаются это исправить.

Одной из проблем, позволяющих тегам управлять внешним видом, является то, что ваши страницы плохо воспроизводятся на устройствах для инвалидов, таких как программы чтения с экрана. Это также приводит к тому, что в вашем тексте появляется множество тегов, которые не помогают прояснить смысл, а скорее загромождают его информацией другого уровня.

Поэтому CSS был придуман для перемещения форматирования / отображения на другой язык, который отделен от текста и может быть легко сохранен таким образом. Помимо прочего, это позволяет переключать таблицы стилей для изменения внешнего вида веб-страницы, не касаясь другой разметки. И чтобы можно было сделать это для множества страниц одним махом.

Инструменты, которые CSS дает вам для этого, не всегда элегантны, я на вашей стороне. Например, нет способа сделать эффективное вертикальное центрирование. И горизонтальное центрирование, если оно не просто поддается тексту text-align, не намного лучше.

У вас есть выбор: делать легко, эффективно и нечетко или чисто, элегантно и громоздко. Я не понимаю, почему веб-разработчики терпят этот беспорядок, но я думаю, что они счастливы иметь хотя бы шанс сделать свое дело.

HTML предназначен для структурирования данных, а не для управления макетом. CSS предназначен для управления макетом. Вы также обнаружите, что многие дизайнеры не одобряют использование <table>для макетов по той же самой причине.

Для текста и изображений вы можете использовать text-align:

<div style="text-align: center;">
    I'm centered.
</div>

У CSS есть text-align: centerсвойство, и поскольку это чисто визуальная вещь, а не семантическая, его следует отнести к CSS, а не к HTML.

Пища для размышления: что будет делать синтезатор преобразования текста в речь <center>?

Вы можете добавить это в свой CSS и использовать <div class="center"></div>

.center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

или если вы хотите сохранить <center></center>и быть готовыми к тому, что его когда-нибудь удалят, добавьте это в свой css

center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

Наименее популярный ответ

1. Устаревший тег не обязательно является плохим тегом;
2. Там являются теги , которые имеют дело с логикой представления, centerявляется одним из них;
3. centerТег не такой же , как DIV с text-align:center;
4. Тот факт, что у вас есть другой способ сделать что-то, не делает его недействительным.

Позвольте мне объяснить, потому что здесь есть пресловутые даунвотеры, которые подумают, что я защищаю oldschool HTML4 или что-то в этом роде. Нет. Но споры вокруг center- это просто война трендов, и нет никакой реальной причины бросать метку, которая хорошо служит целям.

Итак, давайте посмотрим основные аргументы против этого.

• «Он описывает представление, а не семантику!»
  Нет. Он описывает логическое расположение - и да имеет внешний вид по умолчанию, как и другие теги, как<p>или<ul>делают. Но дело в том, что вложенная часть связана с окружающей средой. Центр говорит: «Это то, что мы разделяем визуально другим позиционированием».

• «Это не действительно»
  Да, это так. Это просто устарело, как и в, может быть удалено позже . Уже более 15 лет. И, похоже, никуда не денется. Существуют крупные сайты, которые используют этот тег, потому что он очень удобочитаемый и по сути.

• «Это не поддерживается в HTML5»
  На самом деле это один из самых широко поддерживаемых тегов.

• "Это oldschool"
  Шнурки тоже oldschool. Новые методы не делают недействительными старые. Вы хотите чувствовать себя прогрессивным и современным: хорошо. Но не делайте это законом.

• «Это глупо / неловко / хромает / рассказывает историю о вас»
  Ни один из них. Это как молоток: один инструмент для конкретной работы. Есть другие инструменты для той же работы и другие работы для того же инструмента; но он был создан для решения определенной проблемы, и эта проблема все еще существует, поэтому мы могли бы просто использовать специальное решение.

• «Вы не должны этого делать, потому что CSS»
  Центрирование может быть достигнуто с помощью CSS, но это только один способ, а не единственный, не говоря уже о единственном подходящем . Все, что поддерживается, работает и доступно для чтения, должно быть в порядке.

TL; DR:

Единственная причина не использовать <center>это потому, что люди будут ненавидеть тебя.