Самоучитель по креативному веб-дизайну. Книга 2, стр.32

в том, что Web-страницу может создать любой человек с помощью текстового ре- дактора. К сожалению, Web-браузеры (в частности, Netscape Navigator и Internet

Explorer) позволяют «новоиспеченным» Web-дизайнерам писать у еряшливый код,

в котором отсутствуют конечные дескрипторы, значения атрибутов приводятся без кавычек, таблицы созданы неправильно и т. д. Более того, и Netscape Navigator и Internet Explorer только подливают масла в огонь за счет «расшире — ния» HTML с помощью собственных дескрипторов. К счастью, XHTML позволит

навести порядок в «дикой» сети Web, заставляя Web-авторов (и Wfeb-браузеры) со — блюдать единый «закон» — стандарт XHTML.

Если вы, как и большинство Web-дизайнеров, работающих в жестких условиях

временных ограничений, не желаете тратить свое время на исправление кода дру- гих людей, особенно когда за то же время можно создать новый «выдающийся»

сайт, который принесет вам славу и уважение. Тем не менее, в Случае необходи —

мости исправления кода и приведения его в соответствии со стандартом XHTML

неоценимую помощь может оказать утилита HTML Tidy. В отлитие от программ проверки правильности HTML-кода (например, программы, доступной по адресу

http://vaiidator. w3c. org/) , HTML Tidy не только указывает на ошибки, но и

исправляет большинство из них. Например, утилита HTML Tidy исправит ошиб —

ки, связанные с отсутствием и несоответствием дескрипторов, следующем HTML-коде:

Заголовок уровня 1 выводится курсивом

содержащиеся в

Первый абзац с выделенным полужирным важным текстом.

Второй параграф с дополнительным текстом, выделенным полужирным.

Утилита HTML Tidy приведет этот код к следующему виду:



Заголовок уровня 1 выводится курсивом

Первый абзац с выделенным полужирным важным текстом.

Второй параграф с дополнительным текстом, выделенным

полужирным.



ПРАКТИКУМ

Перед первым использованием утилиты HTML Tidy ее необходимо выгрузить из

Internet, выполнив следующие действия:

1. Если у вас нет постоянного соединения с сетью Internet, установите комму — тируемое соединение через своего провайдера.

2. Откройте Web-браузер, наберите в его адресной Строке http:/ /

www. w3.org/People/Raggett/tidy/#download И нажмите КШВИШу ENTER.

На экране Web-браузера появится часть домашней страницы утилиты

HTML Tidy, которая показана на рис. 5.1.

250 Глава 5. XHTML и новые тенденции





3. Найдите исполняемый файл утилиты для соответствующей операционной системы. На домашней странице HTML Tidy содержатся гиперссылки на

исполняемые файлы HTML Tidy для операционных систем Windows, UnixWare, Linux, OS/2, Solaris, FreeBSD и ряда других. (Кроме того, вы имеете возможность выгрузить исходный код утилиты, реализованный на языке программирования С, и скомпилировать свой собственный исполня —

емый файл.) Для операционных систем Windows (95/98/NT/2000/XP) выг — рузите утилиту HTML Tidy с внешним интерфейсом Windows, щелкнув на

гиперссылке TidyGUI. Ваш Web-браузер выведет на экран страницу http: /

/perso. wanadoo. fr/ablavier/TidyGUI/.

4. Пролистайте до раздела «Download and Installation» («Выгрузка и уста — новка»), который находится в конце страницы (или же в адресной стро —

ке Web-браузера наберите http://perso. wanadoo. fr/ablavier /

TidyGUi/#downioad и нажмите клавишу ENTER).

5. Щелкните на ссылке TidyGui-exe. zip. Web-браузер выведет на экран диа — логовое окно загрузки файла. (Вид диалогового окна зависит от типа ис — пользуемого Web-браузера и его версии.)

6. В диалоговом окне выберите опцию, позволяющую выгрузить ZIP-файл и сохранить его на жесткий диск. Например, в Internet Explorer 6 в диалого — вом окне загрузки файла нажмите на кнопке «Сохранить». В ответ на это Web-браузер выведет на экран диалоговое окно «Сохранить как». (Вид диа- логового окна зависит от используемого Web-браузера.)

Самоучитель по креативному веб-дизайну. Книга 2, стр.33

7. Для выбора каталога, в котором будет сохранен ZIP-файл, воспользуйтесь выпадающим списком, находящимся правее поля «Папка». Например, ZIP —

файл можно записать в каталог C:\webToois. Затем нажмите на кнопке «Со —

хранить». Web-браузер сохранит файл TidyGUi-exe. zip в указанном каталоге.





Глава 5. XHTML и новые тенденции 251





После выполнения шага 7 извлеките из архива файл TidyGUI exe в каталог, в

котором находится ZIP-архив. Для преобразования HTML-документа в XHTML — документ с помощью утилиты TidyGUI выполните следующие действия:

1. Выберите Пуск | Выполнить. На экране появится диалоговое окно Запуск программы.

2. В поле Открыть диалогового окна Запуск программы введите йуть к исполняе —

мому файлу TidyGUI. Например, если файл TidyGui. exe находится в катало —

ге C:\WebTools, наберите C:\WebT6ols\TidyGUI. exe. Нажмите на КНОПКе ОК.

Утилита запустится и на экране появится окно, показанное на рис. 5.2.





3. По умолчанию утилита TidyGUI будет проверять и исправлять содержимое

HTML-файла, но не будет изменять тип документа. (Другими

словами,

если на вход утилиты поступает HTML-документ, на выходе вы также по —

лучите HTML-документ.) Для того чтобы утилита TidyGUI

треобразовывала

HTML-документы в XHTML-документы, измените ее настрою [ки, заданные по

умолчанию, нажав на кнопке Configuration (Настройка). После этого на экране

появится окно Tidy Configuration (Настройка Tidy), показанное на рис. 5.3.



Рис. 5.3. Окно настройки утилиты HTML Tidy



4, Нажмите на кнопке XML и установите флажок Output As XHTML (Вывод в виде XHTML).

5. Нажмите на кнопке Apply (Применить), а затем на кнопке закрытия окна в

верхнем правом углу диалогового окна Tidy Configurat on. Окно Tidy

Configuration закрывается и вы вернетесь к главному окну программы (см. шаг 2).

252 Глава 5. XHTML и новые тенденции



6. В поле Source file (Исходный файл) в верхней части главного окна введите путь к HTML-документу, который необходимо преобразовать XHTML-доку — мент. Затем нажмите на кнопке Tidy! (Привести в порядок!), которая распо —

ложена ниже поля Source file. Утилита TidyGUI в верхней панели главного окна выведет общие комментарии и советы относительно кода HTML-до — кумента, а в нижней панели — предупреждения о необходимости внесения изменений.

7. Для сохранения полученного XHTML-кода на диске нажмите на кнопке

Show Output (Показать вывод), расположенной в нижней части главного

окна TidyGUI. XHTML-код появится в диалоговом окне Tidy Output, как

показано на рис. 5.4.





8. Нажмите на кнопке Save As (Сохранить как), которая расположена в верх — нем левом углу диалогового — окна Tidy Output. На экране появится окно Save As (Сохранить как), которое позволит сохранить полученный XHTML- код в дисковый файл.

После выполнения шага 8 для закрытия диалогового окна Tidy Output и воз — врата в главное окно TidyGUI нажмите кнопку закрытия окна в верхнем правом углу окна. Повторите шаги 6-8 для каждого преобразовываемого документа.

Помимо преобразования HTML-документов в XHTML-документы, утилиту

TidyGUI (или MS-DOS HTML Tidy) можно использовать для проверки правиль —

ности HTML-, XHTML — и даже ХМL-документов. При необходимости проверки документа и исправления ошибок без изменения типа документа пропустите

шаги 3—5 в описанной выше процедуре (или снимите отметку с флажка Output

As XHTML на шаге 4). Без установки флажков на панели XML утилита TidyGUI

будет генерировать выходной файл того же типа, что и входной.

Утилита HTML Tidy содержит более 50 опций настройки, позволяющих уп — равлять процессом проверки и/или преобразования типа Web-документов. На —

пример, задав для опции Doctype значение strict, установив флажок output —

xhtmi и установив опцию clean равной yes, можно добиться того, что утилита

HTML Tidy (и TidyGUI) будет генерировать XHTML-документ, соответствующий

«строгому» DTD-определению XHTML 1.0. Атрибут clean указывает, что утилита должна заменять презентационные атрибуты и дескрипторы правилами каскад —

Глава 5. XHTML и новые тенденции 2 5 3





ных списков стилей, как этого требует «строгое» DTD-определение. Подробное

описание всех опций конфигурации приведено в разделе «Usin; l*A Configuration

File» («Использование конфигурационного файла») на домашней странице утили —

ТЫ HTML Tidy ПО адресу http://www. w3.org/People/Raggett/tlldyttconfig



Выбор правильного значения DOCTYPE

для Web-страницы

Теоретически говоря, любой Web-документ должен начинаться с объявления

DOCTYPE, которое указывает Web-браузеру на тип содержащегося в файле кода. Тем не менее, большинство дизайнеров в коде HTML-страниц опускают такое объявление. Это возможно по той причине, что Web-браузеры «предполагают», что Web-файл содержит HTML-код (дескрипторы, атрибуты и текстовое содержи —

Самоучитель по креативному веб-дизайну. Книга 2, стр.34



Содержимое Web-страницы.

Самоучитель по креативному веб-дизайну. Книга 2, стр.35



PUBLIC «-//W3C//DTD XHTML 1.0 Frameset//EN»

«http://www. w3c. org/TR/xhtmll/DTD/xhtmll-frameset. dtd»>

Помимо элементов и атрибутов, имеющих отношение к фреймам, определе — ние Frameset DTD содержит атрибуты и элементы, присутствующие в определе — нии Transitional DTD.

Несмотря на то что при указании определений Transitional DTD и Frameset DTD вы имеете возможность пользоваться устаревшими дескрипторами, по воз — можности этого следует избегать. Консорциум W3C убрал все устаревшие деск —

Глава 5. XHTML и новые тенденции 255





рипторы из новой версии спецификаций XHTML 1.1 (выход в с^ет которой ожи —

дается в скором времени). Таким образом, отказ от использования устаревших дескрипторов сэкономит вам время в будущем. Перечень устаревших деск —

рипторов МОЖНО наЙТИ ПО адресу http://www. w3c. org/TR/html4/index/

eiements. html. На этой странице приведена таблица, содержащая все элементы

(дескрипторы) спецификации HTML 4.01 (и XHTML 1.0). Обратите внимание,

что устаревшие дескрипторы отмечены буквой «в» столбце «Depr». От использо — вания этих элементов на всех XHTML-страницах рекомендуется отказаться.



Проверка Web-страницы с помощью функции проверки XHTML

В прошлом браузеры Netscape Navigator и Internet Explorer были очень «вели —

кодушными» и прощали многие ошибки, связанные с неправильно построенны — ми HTML-страницами. Если вы, например, забыли указать дескриптор ,

браузеры все равно правильно визуализировали содержимое Web страницы. Ана — логично, если вы забыли заключить значение атрибута в кавычки, браузеры все

равно использовали его при визуализации. Более того, оба типа Зраузеров могли

правильно выводить на экран содержимое Web-страницы, в HTML-коде которых дескрипторы были вложены некорректно, как показано в следующем примере:



Пример: Некорректное сложение .

То, что отрывалось первым, закрывать необходимо послед1ним.



В приведенном фрагменте кода начальный и конечный дескрипторы центри- рования ( ) должны заключать в себя начальный и конечный

дескрипторы заголовка уровня 2 (
), а дескриптор после слова las t должен находиться за дескриптором.

Возможность «понимания» браузерами кода, построенного не в соответствии

со стандартом HTML (определенным в спецификации консорциума W3C), не проходит незаметно. Приложения браузеров стали большими по размерам, по —

скольку компаниям Netscape и Microsoft приходится вводить код распознания неправильно построенного HTML-кода и обработки дескрипторов, которые каж — дая из компаний ввела в качестве собственного «расширения» HTML. Чем боль — ше размер браузера, тем медленнее он загружается и выполняется. Кроме того, больший объем кода означает большее количество ошибок (приводящих к невер —

ному поведению браузера или к «зависанию» системы), а использование соб — ственных дескрипторов и атрибутов компаний приводит к тому, что Web-страни- ца, которая прекрасно выглядит в одном браузере, может плохо выглядеть или

даже вообще не выводиться в другом браузере. Стандарт XHTML представляет собой попытку внести хотя бы частичное решение всех этих проблем Web-дизайна.

Если указано, что Web-страница полностью соответствует стандарту XHTML, Web-браузеры знают, что все используемые на Web-странице дескрипторы, атри —

буты и правила синтаксргса можно найти в DTD-определении. (Чтобы HTML-код Web-страницы полностью соответствовал стандарту XHTML, в начале каждого файла Web-документа должно находиться объявление DOCTYPE.) Все, что браузер

Самоучитель по креативному веб-дизайну. Книга 2, стр.36

:>56 Глава 5. XHTML и новые тенденции



не найдет в своем внутреннем DTD-определении, будет выводиться на экран в зиде простого текста или вообще игнорироваться. Это справедливо в отношении

неправильно достроенного HTML-кода, приведенного в начале этого совета. Если объявление DOCTYPE указывает, что код Web-страницы соответствует, напри — мер, описанию Strict DTD для XHTML 1.0, Web-браузер должен придерживаться

правил, установленных в этом определении и игнорировать HTML-код, синтак- сис которого не соблюдает требований определения Strict DTD. В настоящее время Netscape Navigator 6 и Internet Explorer 6 визуализируют неправильно по- строенный HTML-код даже при установке в объявлении DOCTYPE определения Strict DTD для XHTML 1.0. Тем не менее, чтобы гарантировать, что Web-страни — цы будут корректно выводиться в Web — браузерах следующего поколения, необхо — димо четко соблюдать все рекомендации консорциума W3C.



ПРАКТИКУМ

После создания Web-страницы для проверки соответствия ее кода требованиям стандарта консорциума W3C следует воспользоваться службой HTML Validation

по адресу http://vaiidator. w3.org/ . Для использования службы проверки кода необходимо выполнить такие действия:

1. Если у вас нет постоянного соединения с сетью Internet, установите комму — тируемое соединение с помощью своего провайдера.

2. Откройте Web-браузер, наберите в его адресной строке http:/ /

vaiidator. w3.org/ и нажмите клавишу ENTER. На экране Web-браузера

появится страница W3C HTML Validation Service, показанная на рис. 5.5.





Глава 5. XHTML и новые тенденции 257





3. Для проверки правильности HTML-кода Web-страницы, ^ще не помещен —

ной на сервер, щелкните на гиперссылке Upload Files (^Загрузить файлы),

расположенной в нижней части страницы. В окне Web-0pay3epa появится

страница С формой загруЗКИ файла http : //validator. w3.org/file —

upioad. html, которая показана на рис. 5.6.







4. В поле File (Файл) в верхней части формы введите полн ш путь к файлу

XHTML-документа или воспользуйтесь кнопкой Browse

(Просмотр) справа

от поля File для поиска и выбора файла на локальной или сетевом диске.

5. Нажмите на кнопке Validate This’Document (Проверить положенной в нижней части формы.



этот

документ), рас —



После выполнения шага 5 браузер отправит выбранную вам*

на шаге 4 стра —

ницу на Web-сайт консорциума W3C. Программа проверки пров рит полученный

XHTML-документ и передаст Web-браузеру страницу результатов проверки, ана —

логичную странице, показанной на рис. 5.7.

Проверьте тип документа, содержащийся в строке Document Туре примерно в

центре информационного блока в верхней части страницы

результатов, чтобы

убедиться, что вы правильно указали объявление DOCTYPE. Напр 1мер, результаты,

приведенные на рис. 5.7, указывают, что Web-страница showMe

htm была прове —

рена на соответствие правилам, заложенным в определении Strict DTD.

258 Глава 5. XHTML и новые тенденции







Под информационным блоком программа проверки приводит предупрежде- ния и ошибки. Обратите внимание, что XHTML-документ создан правильно (т. е. в соответствии с требованиями стандарта) только в том случае, когда про — грамма проверки не обнаружила ошибок. Таким образом, если на странице были обнаружены ошибки, исправьте их и повторно проверьте код Web-страницы с по — мощью программы проверки. (Программа проверки не только перечисляет имею- щиеся ошибки, но и дает рекомендации по их устранению.)

Самоучитель по креативному веб-дизайну. Книга 2, стр.37

Помимо проверки Web-документов, хранящихся в файлах на локальном или сетевом диске, служба W3C HTML Validation Service позволяет проверить любую

Web-страницу, уже находящуюся на Web-сервере. Для такой проверки выполните

шаги 1 и 2 предыдущей процедуры, а затем вместо шагов 3 и 4 в поле Address

(Адрес) в средней части страницы службы (см. рис. 5.5) ведите URL-адрес Web —

страницы, проверку которой необходимо выполнить. В этом случае программа проверки извлечет содержимое кода Web-страницы с Web-сервера и выдаст отчет, аналогичный показанному на рис. 5.7.

При разработке новых Web-страниц перед публикацией на сервере проверяйте

их на соответствие стандарту XHTML. При необходимости проверки на соответ — ствие стандарту существующих страниц можно воспользоваться службой провер — ки страниц на Web-сервере.

Глава 5. XHTML и новые тенденции 259



Установка размера текста на XHTML-стран^це

с помощью ключевых слов

При задании размера шрифта на Web-странице вы, как правило, преследуете

две цели: во-первых, сделать текст достаточно большим для обеспечения его удо — бочитаемости и, во-вторых, выделить отдельные слова и выражения, изменяя размер шрифта, которым они выводятся на странице. Размер теста имеет осо — бенно большое значение в случае, когда на Web-странице содержится большой объем текста. Если размер шрифта слишком маленький, посетители могут поки — нуть страницу, так и не прочитав ее содержимое. Если же шрифт слишком боль- шой, он может отвлекать посетителей, что приведет к тому, что часть содержи — мого страницы при чтении может быть пропущено. Концепция изменения размера шрифта для выделения используется уже много лет. До появления кас — кадных списков стилей (о которых мы говорили в главе 4), для установки разме —

ра текста на Web-странице использовался атрибут siz e дескриптора, ко —

торый позволял устанавливать относительный размер шрифта — т Web-странице. Задание значение атрибута size, например, равным семи (7), т. е. максимально возможному значению, приводит к тому, что текст становится в более чем 2.5 раза больше, чем для среднего значения 4. С помощью правил каскадных спис — ков стилей размер шрифта текста можно устанавливать с использованием таких

единиц измерения, как пиксели, пункты, дюймы, сантиметры и т. д. Помимо этих единиц измерения списки стилей позволяют устанавливать размер шрифта на осно —

вании семи ключевых слов, приведенных в столбце «Ключевое слово» таблицы 5.1.





Несмотря на то что это не нововведение XHTML, ключевые слова позволяют

очень легко привести устаревшие HTML-страницы, содержащие установки разме —

ра шрифта с помощью атрибута siz e в устаревшем дескрипторе, В COOT —

260 Глава 5. XHTML и новые тенденции





ветствие с требованиями стандарта XHTML версии Strict DTD. (Хотя требования

стандарта XHTML версии Transitional DTD и позволяют использовать устаревшие дескрипторы, тем не менее, браузеры, которые будут работать с будущими верси —

ями стандарта XHTML, должны соответствовать требованиям версии Strict DTD, которая не допускает использования устаревших дескрипторов.)

При использовании ключевых слов для задания размера шрифта видимый размер определяется типом и версией браузера. Как показано в предыдущей таб — лице, браузер Internet Explorer 5 выводит на экран текст с размером шрифта

Самоучитель по креативному веб-дизайну. Книга 2, стр.38




Самоучитель по креативному веб-дизайну. Книга 2, стр.39

Обратите внимание, что дескрипторы , и не являют —

ся нововведением XHTML. В конце концов, как уже говорилось во введении к главе, посвященной XHTML, XHTML представляет собой всего лишь язык HTML 4.01, переписанный как XML-приложение. Таким образом, все дескрипто —

ры, используемые в XHTML, можно найти и в HTML 4.01. Tei л не менее, деск —

рипторы , и рассматриваются здесь, а не в главе 2 (по —

священной HTML-таблицам), поскольку устаревшие версии Web-браузеров их не

поддерживают. Например, до версии 6.1 браузер Netscape Navigator не поддержи — вал дескрипторов , и. Таким образом, еще одним до —

полнительным преимуществом перехода от HTML к XHTML

является то, что

браузеры, совместимые с XHTML, будут поддерживать все де

щиеся в стандарте HTML 4.01 — последней версии «HTML»-стандарта, разрабо — танном консорциумом W3C. (Последующие версии спецификаций HTML будут называться XHTML 1.0, 1.1 и т. д.).

ПРАКТИКУМ

Для создания таблицы с верхним колонтитулом, нижним колонтитулом и телом таблицы сначала воспользуйтесь стандартными дескрипторами
и , ко — торые будут описывать строки и столбцы таблицы. Затем между начальным и ко —

нечным дескрипторами таблицы ( ) поместите дескрипторы

, и, как показано в следующем примере:




BepxHHH колонтитул столбца lBepxHPiur колонтитул столбца 2

HHHCHHH колонтитул столбца lHH3KHHH колонтитул столбца 2


H4eiiKa в строке 1, столбце 2

H4eiiKa в строке 2 , столбце 2

H4enKa в строке 3, столбце 2





столбце K/tdXtd>H4enKa в строке 1,



столбце K/tdXtd>H4eHKa в строке 2,



столбце K/tdXtd>H4eiiKa в строке 3,

264 Глава 5. XHTML, и новые тенденции





В этом примере таблица содержит верхний и нижний колонтитулы, состоя — щие из одной строки и двух столбцов, и тело таблицы, содержащее три строки и два столбца. В колонтитулы таблицы можно помещать произвольное количество строк, кроме того, количество строк в колонтитулах может отличаться. Для встав —

Самоучитель по креативному веб-дизайну. Книга 2, стр.40

ки дополнительной строки в один из колонтитулов поместите дополнительные на-

чальный и конечный дескрипторы строк (
) в описание соответствующего

колонтитула. Тем не менее, оба колон титула должны быть той же ширины, что и тело таблицы. Более того, если таблица содержит нижний колонтитул (описанный дескрипторами и ). его описание должно находиться после

описания верхнего колонтитула (если он имеется в таблице) непосредственно перед дескриптором , с которого начинается описание тела таблицы.





После создания таблицы к каждому из ее разделов можно независимо приме- нять правила каскадных списков стилей, как показано на рис. 5.9.

type=»text/ess»>

td {border-style:solid; border-width:lpx Ipx; border-color:black;

padding-left:lOpx; padding-right:10px}

thead {color:yellow; background:magenta; font-weight:bold;

text-align:center}

tfoot {color.-white; background:blue; font-weight:bold;

text-align:center}

tbody {text-align:right; background:lightblue}



Несмотря на то что ширина колонтитулов должна соответствовать ширине таблицы, количество столбцов в них может отличаться от количества столбцов в теле таблицы. Фактически, в большинстве случаев колонтитулы содержат всего один столбец и требуемое количество строк независимо от количества столбцов

в теле таблицы. Если необходимо, чтобы одна ячейка в строке соответствовала по ширине нескольким ячейкам в следующей строке, установите значение атри —

бута eolspan в дескрипторе ячейки равным количеству столбцов, которые эта ячейка должна занимать. Например, для создания верхнего и нижнего ко — лонтитулов, состоящих из одной строки и двух столбцов, для таблицы определен — ной выше в этом совете, замените описание колонтитулов следующими строками:

Самоучитель по креативному веб-дизайну. Книга 2, стр.41

Глава 5. XHTML и новые тенденции 265





зрап=»2″>Верхний

зрап=»2″>Нижний



Помимо рекомендации использовать правила каскадных списков стилей для задания формата разделов таблиц спецификация HTML указывает, что Web-брау — зеры в будущем получат возможность пролистывать содержимое таблицы, нахо — дящееся между неподвижными верхним и нижним колонтитулами. Более того, браузеры также смогут визуализировать верхний и нижний колонтитулы соответ —

ственно над и под телом таблицы, занимающей несколько ^УеЫстраниц. К сожа — лению, на момент написания книги эти возможности не поддерживалась ни в Netscape Navigator, ни в Internet Explorer.

И в качестве заключения нужно отметить, что не следует путать ячейки заго- ловка таблицы (определенные с помощью дескрипторов ) с разделом колон — титула таблицы. Таблица может одновременно содержать и ячейки заголовка, и

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

под верхним колонтитулом вставьте в тело таблицы дескр 4ПТОРЫ

. (Каждый набор дескрипторов thx/th > добавляет столбец заголов —

ка в строку, в которой он указан.) Если строка ячеек заголовка определена как первая строка тела таблицы, для создания таблицы с заголовками, находящими —

ся под верхним колонтитулом, как показано на рис. 5.10, можнс)) воспользоваться

следующим правилом списка стилей:

th {text-align:center; background:white}



Внедрение шрифтов на XHTML-страницу с помощью правил каскадных списков стилей

При создании XHTML-страниц при описании их внешнего вид^ в Web-браузерах все большая и большая роль будет отводиться каскадным спискам стилей. Факти-

чески, дескриптор, долго использовавшийся для задания внешнего вида тек —

ста, считается устаревшим в спецификациях HTML 4.01 и XHTMLj 1.0 и отсутствует

266 Глава 5. XHTML и новые тенденции





в спецификации XHTML 1.1. К счастью, каскадные списки стилей содержат свой —

ство font-family, которое можно использовать вместо дескриптора для за-

дания типа шрифта существующих HTML-страниц и создаваемых XHTML-страниц.

Свойство font-family каскадных списков стилей позволяет указывать Web — браузеру, каким типом шрифта должен выводится данный конкретный текст. На- пример, для вывода на экран заголовка уровня 2 шрифтом Comic Sans MS можно воспользоваться следующим правилом списка стилей:



Полезные ссылки
Случайные записи
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 084
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 011
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.1
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 098
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 130
  • 04.08.2011">Шторы на заказ – укрась свой родной дом
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 026
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.29
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 122
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.72
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 116
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.85
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 073
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.90
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 125
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...