2.2.3. Вирівнювання параграфів тексту
Тіло нашого першого документа HTML складалося з одного текстового рядка. Реальні сторінки HTML складаються з декількох параграфів тексту, які виділяються операторами <Р> і </Р>. Наприклад.
<BODY>
<Р>Цей перший параграф</Р>
<Р>А це другий параграф</Р>
</BODY>
Помітимо, що оператор </Р> є необов'язковим. Приведені вище два параграфи можливо було оформити і так:
<BODY>
<Р>Цей перший параграф
<Р>А це другий параграф
</BODY>
Оператор <Р> може мати параметри, що визначають різні характеристики параграфа.
У стандарті мови HTML версії 3 2 визначений параметр ALIGN, за допомогою якого можливо задати вирівнювання параграфа по горизонталі. Цей параметр може мати наступні значення:
Значення |
Тип вирівнювання |
LEFT |
Вздовж лівому кордону |
CENTER |
Центрування |
RIGHT |
Вздовж правому кордону |
Для вирівнювання рядків параграфа, наприклад, вздовж лівому кордону, ви повинні задати параметри оператора <Р> таким чином:
<Р АLIGN=LEFT>Вирівнювання вздовж лівому кордону
Помітимо, що вирівнювання за допомогою параметрів оператора <Р> працює не для всіх навигаторов. Зокрема, навігатор Microsoft Internet Explorer версії 2 0 і навіть 3 0 не виконує центрування параграфа вказаним вище способом.
Проте, існує універсальний спосіб центрування параграфа, описаний в специфікації на мову HTML версіях старше за 3.2. Він поляжуть у використанні операторів <CENTER> і </CENTER>:
<Р><СЕNTER>Центрування параграфа</СЕNTER>
У лістинг 2.2 приведений початковий текст документа HTML, в якому демонструються різні способи вирівнювання рядків параграфа, тому числі і з використанням операторів <CENTER> і </CENTER>.
Лістинг 2.2. Файл chap2\alighn.html
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>XYZ Incorporation</TITLE>
</HEAD>
<BODY>
<Р АLIGN=RIGHT>Вирівнювання вздовж правому кордону
<Р ALIGN=LEFT>Цей приклад параграфа, выровненного па лівому кордону
<Р ALIGH=CENTER>Центрування параграфа першим способом
<Р> <СЕNTER>Центрування параграфа другим cnocoбoм</CENTER>
</BODY>
</HTML>
Завантаживши цей документ в навігатор Microsoft Internet Explorer, ви зможете пересвідчитися, що перший спосіб вирівнювання, заснований на використанні параметра ALIGN=CENTER, тут не працює (мал. 2 2). Аналогічно поводиться і навігаторів Netscape Explorer.
У специфікації мови HTML версії 3.2 визначений ще один спосіб вирівнювання параграфів, заснований на використанні операторів <DIV> і </DIV>. Параметри цього оператора вказуються аналогічно параметрів вирівнювання оператора <Р>. Наприклад, вирівнювання вздовж лівому кордону виконується таким чином:
<DIV ALIGN=LEFT><Р>Цей приклад параграфа, выровненного вздовж лівому кордону</DIV>
Додатково можливо вказувати параметр JUSTIFY, призначений для вирівнювання тексту і по лівій, і вздовж правому кордону вікна навигатора.
МАЛ. 2.2. Перегляд документа HTML, що демонструє різні способи вирівнювання параграфів
З оператором <DIV>, однак, також існує проблема. Вона полягає в тому, що цей оператор не працює з навигаторами Netscape Explorer версії 3.0 і Microsoft Internet Explorer версії 3.0. Щоб пересвідчитися в цьому, досить підготувати документ HTML, початковий текст якого приведений в лістинг 2.3.
Лістинг 2.3. Файл chap2\alighn2.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>XYZ Incorporation</TITLE>
</HEAD>
<ВОDY>
<DIV АLIGN=RIGHT><Р>Вирівнювання вздовж правому кордону</DIV>
<DIV ALIGN=LEFT><Р>Цей приклад параграфа, выравненного вздовж лівому кордону</DIV> <DIV ALIGH=CENTER><Р>Центрування параграфа</Р> </DlV>
<DIV ALIGH=JUSTlFY><Р>Цей параграф вирівнюється і по лівій, вздовж правому кордону вікна навигатора </DIV>
</BODY>
</HTML>
Результат перегляду цього документа показаний на мал. 2.3.
МАЛ. 2.3. Центрування, а також одночасне вирівнювання по лівому і правому краю за допомогою оператора <DIV> не працює в навигаторе Microsoft Internet Explorer версії 3.0
Очевидно, краще використати той спосіб центрування, який буде працювати з найбільш популярними навигаторами. У світі найбільшою популярністю користується навігатор Netscape Navigator. На другому місці стоїть Microsoft Internet Explorer. Тому вам бажано забезпечити сумісність своїх документів з цими навигаторами. Сказане відноситься, зрозуміло, не тільки до способів центрування параграфів, але і до інших можливостей мови HTML
Що ж до центрування, ймовірно, найкраще користуватися оператором <CENTER>:
<Р><CENTER>Центрування параграфа</СЕNТЕR>
Чому ж взагалі виникла проблема сумісності, коли є специфікація на мову HTML?
Справа тому, що перший час навигаторы, створені фірмами Netscape і Microsoft, розвивалися незалежно один від одного. Кожна з цих фірм створила власне програмне забезпечення для серверів WWW і навигаторов, а також різні розширення мови HTML При цьому розширення фірми-конкурента, зрозуміло, повністю ігнорувалися. З появлений версій 3.0 навигаторов Netscape Navigator і Microsoft Internet Explorer ситуація з сумісністю дещо поліпшилася, однак малоймовірно що така сумісність буде коли-або повною. Тому, створюючи документи HTML, завжди перевіряйте, як вони виглядають при перегляді основними навигаторами.
Не виключено, що вам доведеться створювати на своєму сервері декілька комплектів дублюючих один одну документів HTML, орієнтованих на можливості конкретних навигаторов.