2 Текст
У будь-якої успішної публікації текст повинен бути організований привабливим і ефектним чином. При розробці документів завжди пам'ятайте, що теги розмітки, особливо відносно тексту, тільки радять, як браузеру слід вивести документ. Результати можуть варіюватися від в різних браузерах.
2.1 Розділи і абзаци
Подібно більшості текстових процесорів, браузер розміщує текст на екрані у всю ширину вікна, переходячи на наступний рядок після досягненні його краю. Але, на відміну від більшості процесорів, HTML і XHTML явним чином застосовують теги розділу <div>, абзацу <p> і кінця рядка <br> для управління вирівнюванням і потоком тексту.
2.1.1 Тег <div>
Як це визначено в стандартах HTML 4.01 і XHTML 1.0 і 1.1, тег <div> розбиває документ на окремі частини, які відрізняються одна від одної. Він може використовуватися як чисто організаційний засіб, без якого-небудь асоційованого з ним форматування, але стає більш ефективним, якщо додати в нього атрибути id і class. Тег <div> може комбінуватися також з атрибутом align для управління вирівнюванням всього розділу документа при відображенні.
2.1.1.1 Атрибут align
Атрибут align з тегом <div> поміщає вміст тега в лівій частині вікна (left, за замовчуванням), посередині (center), або праворуч (right). Крім того, йому можна присвоїти значення justify, щоб вирівняти текст по ширині.
2.1.1.2 Атрибут nowrap
Атрибут nowrap заперечує автоматичне розділення тексту на рядки в межах розділу. Перехід на новий рядок при цьому відбувається тільки там, де в вихідному тексті стоїть повернення каретки.
2.1.1.3 Атрибут id
Атрибут id призначений для забезпечення розділів документа мітками, що дозволяють посилатися на них з гіперпосилань, таблиць стилів, сценаріїв і інших програм автоматичної обробки. Прийнятним значенням атрибута id є взятий в подвійні лапки рядок, який унікальним чином іменує розділ і в подальшому може бути використаний для посилання на нього.
Атрибут id може вживатися практично з будь-яким тегом.
2.1.1.4 Атрибути class и style
Атрибут style використовують з тегом <div> для того, щоб визначити вбудований стиль відображення вмісту тега. Атрибут class дозволяє застосовувати до вмісту тега стиль, заздалегідь присвоєний даному класу розділів. Значення атрибута class - це ім'я стилю, визначеного в каскадній таблиці стилів (CSS).
2.1.2 Тег <p>
Тег <p> сигналізує про початок нового абзацу в документі. У HTML і XHTML кожен абзац повинен починатися з тега <p> і завершуватися відповідним тегом </p>. При необхідності примусово перейти на новий рядок, вживається тег <br> в тому місці, після якого очікується перехід тексту на новий рядк.
2.1.2.1 Атрибут align
Більшість браузерів автоматично вирівнюють текст по лівому краю. Для вирівнювання тексту іншим чином необхідно використати атрибут align тега <p> і вказати в якості його значення один з чотирьох видів вирівнювання - left, right, centerабо justify.
Вирівнювання зберігається до появи наступного тега <p>, або поточного закриваючого тега </p>.
2.1.2.2 Атрибути class, id, і style
Використання атрибутів class, id і style для тега <p> є ідентичним до їх використання для тега <div>.
2.2 Заголовки
Суцільний текст обов'язково потрібно розбивати на кілька невеликих розділів, постачаючи їх заголовками (як це робиться в книзі, яку ви читаєте). Існує шість рівнів заголовків, якими можна користуватися для перетворення суцільного потоку тексту в легко документ, що зручно і легко читається.
2.2.1 Теги заголовків
Шість тегів заголовків, іменованих <h1>, <h2>, <h3>, <h4>, <h5> і <h6> відповідно, представляють собою ієрархію заголовків від найвищого (<h1>) до найнижчого (<h6>) рівня, яка може зустрічатися у вашому документі (рис. 2.1).
Рисунок 2.1 – Відображення заголовків згідно ієрархії
Більшість браузерів застосовують для відображення ієрархії заголовків розмір шрифту, що послідовно зменшується, так що текст в <h1> буде дуже великим, а в <h6> - дуже дрібним.
2.2.1.1 Атрибут align
Вирівнювання за замовчанням для більшості браузерів відповідає значенню left атрибуту align. Так само, як з тегами<div> і <p>, можна визначати вирівнювання, привласнюючи атрибуту align одне з наступних значень: left, сenter, right,justify.
2.2.1.2 Атрибути class, id, і style
Використання атрибутів class, id і style для тегів заголовків є ідентичним до їх використання для тега <div> чи <p>.
2.3 Теги фізичної розмітки
Є багато фізичних стилів тексту: напівжирний, курсив, підкреслений, закреслений, збільшений, зменшений, верхній і нижній індекси. Розглянемо найбільш часто використовувані теги.
2.3.1 Тег <b>
Тег <b> явним чином вимагає відображення напівжирним шрифтом символу або тексту, поміщеного між ним та його закриває тегом </b>.
2.3.2 Тег <big>
Тег <big> дозволяє легко збільшити розмір тексту. Браузер повертає фрагмент, поміщений між тегом <big> і відповідним йому закриваючим тегом </big>, використовуючи шрифт, розмір якого має номер на одиницю більше, ніж у навколишнього тексту.
2.3.3 Тег <i>
Тег <i> його необхідний закриваючий тег </i> пропонують браузеру відобразити поміщений між них текст курсивом або похилим шрифтом.
2.3.4 Тег <small>
Тег <small> діє точно так само, як протилежний йому тег <big>, за винятком того, що він зменшує текст, а не збільшує його.
2.3.5 Тег <sub>
Текст, що міститься між тегом <sub> і його закриваючим тегом </sub>, відображається тим же типом і звичайно трохи меншим розміром шрифту, ніж у навколишнього потоку. При цьому він розташований нижче рівня рядка на половину висоти поточного символу. Тег <sub> і йому протилежний <sup> застосовуються в математичних виразах, наукових позначеннях і в хімічних формулах.
2.3.6 Тег <sup>
Тег <sup> і його закриваючий тег </sup> створюють верхній індекс тексту. Він відображається тим же типом і, звичайно, трохи меншим розміром шрифту, ніж у навколишнього потоку. При цьому він буде розташований вище рівня рядка на половину висоти поточного символу. Цей тег зручний при додаванні виносок і показників степеня.