Статьи

Посередине с Центром

Май 26, 2018

Недавно я опубликовал твит, который смутил некоторых людей. Они могли подумать, что я троллю или саркастичен!

<center>Тег является удивительным. Почему я избегал этого все эти годы?

Шутки в сторону. Это. Но я чувствую, что мне, возможно, придется отстаивать свое мнение по этому вопросу!

Это проще

Я хочу центрировать некоторый текст. У моего мозга есть вилка в этом процессе:

  1. я использую <center>
  2. Я не использую <center>и не выбираю из массива вариантов на основе CSS

Давайте развлечем вариант 2 на мгновение. Вот мой код:

<p>The witch had a cat and a very tall hat,</p>
<p>And long ginger hair which she wore in a plait.</p>
<p>By: Julia Donaldson and Axel Sheffler</p>

Я хочу, чтобы кредит автора был выровнен по центру. Это стоимость с вариантом 2:

  1. Добавить класс к последнему pтегу
  2. Придумайте подходящее имя, возможно, «кредит»
  3. Создать новый файл таблицы стилей
  4. Добавить linkтег в headмой документ
  5. Не забудьте добавить rel="stylesheet"или это не сработает
  6. Добавьте 3 строки CSS

В качестве таких:

.credit {
  text-align: center;
}

Не много работы.

Теперь по сравнению с использованием centerтега:

  1. Добавить centerтег вокруг контента
  2. Нет, второго шага нет. Есть там на секунду, верно?

Но … но … семантика!

Ладно. Семантика. Давайте отложим более глубокий разговор на минуту, но то, что я видел, доказывало: centerэлемент не имеет никакой семантической ценности.

Таким образом, вместо этого вы можете использовать a spanили a div(и да, конечно, если бы вы только центрировали абзац, вы бы использовали a pи CSS, как указано выше).

Но теперь вы используете элемент без какого-либо семантического значения, а затем добавляете CSS (и, возможно, классы) для выравнивания по центру.

Вместо этого, почему бы и нет, используйте center, который не имеет «никакого семантического значения», и воспользуйтесь стилем браузера по умолчанию, который вы получаете бесплатно. Так же, как вы делаете для разных уровней заголовка. Или для supили small?

Да, но это устарело!

На самом деле, согласно валидатору W3C, этот элемент устарел — что звучит немного жестче.

Но тогда и что? Прелесть HTML в том, что он работает, как бы вы ни старались, браузеры заставят его работать.

Старые страницы, написанные с fontтегами и bigвсе еще работающие, и есть четко определенная спецификация для поставщиков браузеров, которые поддерживают HTML4 относительно того, как элементы HTML4 должны быть стилизованы. HTML4 перешел к рекомендации в 1999 году, а HTML5 все еще не достиг фазы рекомендации (на момент написания этой статьи это была рекомендация кандидата на 31 июля 2014 года).

Я хочу сказать, что браузеры будут поддерживать элементы HTML4 в течение долгого … долгого времени. Я был бы готов поспорить, что HTML4 и centerстилизация будут поддерживаться в течение всего времени существования этого блога (и любых других моих сайтов).

Так что это устарело. Но это работает. И это в основном подвело итог сети: но это работает.

Больше центра?

Да, я убедил себя, я буду использовать centerчуть чаще (чем раньше, вообще не). Может быть, вы пересмотрите его обратно в свой набор инструментов!

33
Share: