Продолжаем изучение HTML. В прошлом уроке мы остановились на теге B, теперь продолжаем с BDO.

BDO

Описание:

Данный тег устанавливает направление текста.

Атрибуты:

dir - атрибут указывает направление текста

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BDO</title>
</head>
<body>
<bdo dir="ltr">Сейчас в дизайне преобретает огромную популярность блочная вёрстка.</bdo>
</body>
</html>

Так, так, замечаем параметр LTR у атрибута. Если посмотрим данный код в действии, то не заметим никаких изменений. Делаем вывод, что LTR устанавливает направление текста слева направо.

Теперь смотрим следующий пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BDO</title>
</head>
<body>
<bdo dir="rtl">Сейчас в дизайне преобретает огромную популярность блочная вёрстка.</bdo>
</body>
</html>

Получаем обратное направление текста - справа налево. Т.е LTR - слева направо, RTL - справа налево. Никаких других направлений установить с помощью данного тега мы не сможем.

Я даже не знаю где и в каких условиях применяется данный тег. С тех пор, как открыл книгу по изучению HTML, до текущего дня ни разу не применял на практике. Как бы не был полезен тег, а знать его функционал всё равно нужно.

CSS:

С приходом таких технологий как каскадные таблицы, необходимость в использовании некоторых тегов отпала. Что касается BDO - точно такую же работу выполняет direct, поэтому если будет надобность изменить направление текста, то постарайтесь заменить тег BDO свойством direct.

BASEFONT

Описание:

Наличие BASE в названии говорит нам о том, что данный тег предназначен для базового определения шрифта, т.е мы устанавливаем настройка шрифта в теге BASEFONT, и его действие распространяется на всю страницу.

Атрибуты:

face - семейство шрифта
size - размер шрифта
color - цвет шрифта

Предупреждение:

Испытал работу данного тега в нескольких браузерах и могу сказать, что с валидацией у BASEFONT очень проблематично: Opera не интерпретирует данный тег, Firefox - тоже, только IE распознал.

Мало того, что тег редко где применяет(можно сказать, что и вовсе не применяется), так ещё и оптимизирован под IE. Использовать его или нет - решайте сами.

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BASEFONT</title>
<basefont face="Georgia" color="red"/>
</head>
<body>
Валидация - одна из целей, к которой должен стремиться веб-местер при написании кода.
</body>
</html>

Топаем в IE и открываем документ с данным кодом. Видим, что шриф изменился: сменилось семейство на Georgia, а цвет сменился на красный.

Так же можно сменить и размер шрифта, прописав атрибут size:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BASEFONT</title>
<basefont face="Georgia" color="red" size="2"/>
</head>
<body>
Валидация - одна из целей, к которой должен стремиться веб-местер при написании кода.
</body>
</html>

Кстати, о размере: размер задаётся не в пикселях, а в условных единицах, предел которых варьируется от 0 до 7. Т.е size="8" уже не существует.

А цвет? Цвет можно задавать в нескольких форматах: по названию и по шестнадцатеричному RGB-коду(а-ля школьная информатика). Когда использую основные цвета такие как красный, зелёный и тд., то использую простые названия - так удобнее, а когда нужен какой-то оттенок, то без RGB-кода не обойтись.

В примере я использовал название. RGB-код имеет следующий вид #код.

Предлагаю попробывать задать цвет кодом:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BASEFONT</title>
<basefont face="Georgia" color="#4B0082" size="2"/>
</head>
<body>
Валидация - одна из целей, к которой должен стремиться веб-местер при написании кода.
</body>
</html>

Также запись идентична именной записи indigo. Больше цветов можете найти здесь.

Кстати, семейств шрифтов можно задать несколько. Для чего это делается? Для того, если у пользователя не оказалось первого шрифта, чтобы подгрузился второй:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BASEFONT</title>
<basefont face="Georgia,Tahoma" color="indigo" size="2"/>
</head>
<body>
Валидация - одна из целей, к которой должен стремиться веб-местер при написании кода.
</body>
</html>

Если теперь у пользователя не окажется в наличии шрифта Georgia, то подгрузится Tahoma. Также в этом примере я заменил #4B0082 на indigo, чтобы Вы убедились, что это один цвет, записанный в друх форматах.

На этом, пожалуй, мы остановимся, встретимся в следующем уроке.