Такая тенденция
прослеживается и далее — наименьшим «достоинством» обладает заголовок
шестого уровня, определяемый тегом
.
Не следует нарушать естественную иерархичность заголовков. Я не вижу
никаких разумных причин для того, чтобы название всей страницы задавать в
виде заголовка не первого, а, скажем, третьего уровня. Совершенно незачем
«перепрыгивать» через уровни — сочетание заголовка первого уровня и
следующего за ним заголовка четвертого уровня выглядит, по меньшей мере,
странным. Если оформление заголовка того или иного уровня, используемое
по умолчанию, вас не устраивает, его можно переопределить с помощью
CSS, о чем мы будем говорить в следующей главе.
Фрагмент кода, иллюстрирующий использование различных заголовков,
приведен в листинге 2.5.
[ Листинг 2.5. Заголовки в HTML
Заголовок первого уровняп1>
Заголовок второго уровняп2>
Заголовок третьего уровняпЗ>
Глава 2. Создание простейших страниц с помощью языка разметки HTML 83
Заголовок четвертого уровняЬ4>
Заголовок пятого уровняп5>
Заголовок шестого уровняп6>
(Здесь и далее подразумевается, что приведенные конструкции размещаются
в контейнере
.. . HTML-документа.)Пример отображения страницы с заголовками шести уровней приведен на
рис. 2.6.
Заголовок первого уровня
I Заголовок второго уровня I
| 1
I Заголовок третьего уровня I
1 Заголовок четвертого уровня I
1 Заголовок пятого уровня 1
В Заголовок шестого уровня 1
Рис. 2.6. Отображение браузером страницы с заголовками различных уровней
Абзацы
При рассмотрении простейших примеров веб-страниц мы уже познакомились
с тегом — именно он используется для определения абзаца, самой
элементарной и, пожалуй, самой главной логической единицы текста.
Предлагаю сразу же воплотить в HTML несколько абзацев текста. Я возьму
первые три абзаца текущего раздела книги (листинг 2.6).
84
Часть I. Технологические основы
} Листинг 2,& Абзацы в HTML
Все элементы логической разметки можно подразделить на два типа:
блочные (block) и внутристрочные (inline).р>
Разница между ними заключается в том, что при визуальном отображении
страницы следующие друг за другом блочные элементы располагаются
вертикально, а внутристрочные — горизонтально. Иными словами,
любой блочный элемент всегда разрывает строку, а
внутристрочный&пЬзр;— нет.р>
Абзац является примером блочного элемента — он всегда
начинается с новой строки. Любой элемент, который следует за абзацем,
будет также перенесен на новую строку.р>
Пример отображения страницы, содержащей несколько абзацев текста,
показан на рис. 2.7.
ш*г~ **** :¦¦ .. ъ «jgjxf
¦ 1а8й " tNfisa' &ед. :П$раход |акпадкк $нструнен?ы Справка v . ¦• © Ч*4
ИШШШШ^!^
Ф " Ф " S Ш © j, J f.le:///Z:/exampleS/02/06/.ndex.html ]$ ® ®*PW* IG~
#^ш^Ы SiMKi^te
Все «элементы лопгческой разметки можно подразделить на два типа: блочные
I (block) и внугрнстрочные (inline).
Разница мезду ними заключается в том, что при визуальном отображении
| страницы следующие друг за другом блочные элементы располагаются
| вертикально, а внутристрочные — горизонтально. Иными словами, любой
блочный элемент всегда разрывает строку, а внутрнстрочнын — нет.
¦ Абзац является примером блочного элемента — он всегда начинается с новой
| строки. Любой элемент, который следует за абзацем, будет также перенесен на
новую строку.
Рис. 2.7. Абзацы текста, отображенные в окне браузера
По умолчанию большинство привычных нам графических браузеров
отображает абзацы текста, предусматривая между ними вертикальные отступы.
Текст выравнивается только по левому краю, тогда как правый край остается
«рваным» (у полиграфистов это называется флаговым набором).
Такая традиция, однако, в большей мере характерна для англоязычных
текстов. Учитывая тот факт, что средняя длина слова в английском языке
примерно на 40уо меньше, чем в русском, да к тому же латинский алфавит богат
узкими (в пропорциональном начертании) буквами, такими как «f», «i», «j»,
Глава 2.
|
5th Фев 2011
|
Теги:
|