Align html5: css — What is the HTML5 equivalent to the align attribute in table cells?

Leave a Comment / Html / By /

Атрибут align: выравнивание текста в HTML

Главная » HTML »

Атрибут align используется в HTML и XHTML для выравнивания блока текста. Стоит заметить, что атрибут align применялся в HTML 3.2, его использование в HTML 4.01 и HTML 5 не одобряется. То же самое можно сказать и про XHTML (в XHTML 1.1 он вообще запрещён, вместо него нужно использовать text-align из CSS).

Синтаксис использования атрибута align очень прост:

<p align=»[значение]»>…</p>

Атрибут align может принимать одно из четырёх значений:

left — текст будет выравнен по левому краю, который будет выглядеть ровно, а правый край примет вид «лесенки» из-за разной длины строк. Этот способ отображения текста позволяет пользователю легко отыскивать взглядом новую строку и комфортно читать большой текст.

right — текст будет выравнен по правому краю, который будет выглядеть ровно, а левый край примет вид «лесенки» из-за разной длины строк.

Такой текст читать труднее, поскольку чтение текста происходит от левого края к правому. Выравнивание по правому краю применяется обычно для коротких заголовков объемом не более трех строк (например, его можно использовать для эпиграфа). Конечно, есть ряд языков, написанные на которых тексты читают справа налево. Но это не про русский язык (да и не про другие популярные в Интернете языки).

center — текст будет выравнен по центру. Под центром понимается центр горизонтали окна браузера или контейнера, где расположен текстовый блок. Строки текста словно нанизываются на невидимую ось, которая проходит по центру веб-страницы. Этот способ выравнивания используется в заголовках и различных подписях (например, под рисунками). К основному тексту применять такой способ выравнивания не рекомендуется. Читать большой объем такого текста неудобно.

justify — текст будет выравнен по ширине, то есть выравнивание будет выполнено одновременно и по левому краю, и по правому.

Чтобы произвести это действие браузер добавляет пробелы между словами. Такой текст тоже удобно читается и аккуратно выглядит (хотя бывают редкие случаи несоразмерно больших пробелов).

По умолчанию текст выравнивается по левому краю.

Пример использования атрибута align:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут align</title>
 </head>
 <body>
  <p align="left">Этот текст выравнен по левому краю.</p>
  <p align="right">Этот текст выравнен по правому краю.</p>
  <p align="center">Этот текст выравнен по центру.</p>
  <p align="justify">Этот текст выравнен по ширине.</p>
 </body>
</html>

Несмотря на то, что атрибут align успешно понимается современными браузерами, рекомендуется использовать стили (CSS) для выравнивания текста (атрибут

text-align).

Рубрики HTML, ИнтернетМетки сеть

Опубликовано Автор Евгений

В HTML5 в отношении таблиц что заменяет cellpadding, cellspacing, valign и align?

на Visual Studio, Я вижу эти предупреждения:

  • проверка (HTML 5): атрибут «cellpadding» не является допустимым атрибутом элемента «таблица».
  • проверка (HTML 5): атрибут «cellspacing» не является допустимым атрибутом элемента «таблица».
  • проверка (HTML 5): атрибут «valign» не является допустимым атрибутом элемента «td».
  • проверка (HTML 5): атрибут «align» не является допустимым атрибутом элемент ‘тд’.

Если они не являются допустимыми атрибутами в

в HTML5, что заменяет их в CSS?

/* cellpadding */
th, td { padding: 5px; }
/* cellspacing */
table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */
table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */
/* valign */
th, td { vertical-align: top; }
/* align (center) */
table { margin: 0 auto; }