| |
Web-страницы с Web-сервера и выдаст отчет,
аналогичный показанному на рис. 5.7.
При разработке новых Web-страниц перед публикацией на сервере проверяйте
их на соответствие стандарту XHTML. При необходимости проверки на соответ-
ствие стандарту существующих страниц можно воспользоваться службой провер-
ки страниц на Web-сервере.
Глава 5. XHTML и новые тенденции 259
Установка размера текста на XHTML-странице
с помощью ключевых слов
При задании размера шрифта на Web-странице вы, как правило, преследуете
две цели: во-первых, сделать текст достаточно большим для обеспечения его удо-
бочитаемости и, во-вторых, выделить отдельные слова и выражения, изменяя
размер шрифта, которым они выводятся на странице. Размер теста имеет осо-
бенно большое значение в случае, когда на Web-странице содержится большой
объем текста. Если размер шрифта слишком маленький, посетители могут поки-
нуть страницу, так и не прочитав ее содержимое. Если же шрифт слишком боль-
шой, он может отвлекать посетителей, что приведет к тому, что часть содержи-
мого страницы при чтении может быть пропущено. Концепция изменения
размера шрифта для выделения используется уже много лет. До появления кас-
кадных списков стилей (о которых мы говорили в главе 4), для установки разме-
ра текста на Web-странице использовался атрибут size дескриптора , ко-
торый позволял устанавливать относительный размер шрифта -т Web-странице.
Задание значение атрибута size, например, равным семи (7), т.е. максимально
возможному значению, приводит к тому, что текст становится в более чем 2.5
раза больше, чем для среднего значения 4. С помощью правил каскадных спис-
ков стилей размер шрифта текста можно устанавливать с использованием таких
единиц измерения, как пиксели, пункты, дюймы, сантиметры и т.д. Помимо этих
единиц измерения списки стилей позволяют устанавливать размер шрифта на осно-
вании семи ключевых слов, приведенных в столбце "Ключевое слово" таблицы 5.1.
Таблица 5.1. Ключевые слова для установки размера шрифта
для браузеров IE 5.5, IE 6.0, NN 4.7 и NN 6.1
Ключевое
слово Размер в IE 5.5
Размер в IE 6 и
Netscape Navigator 6.1
Размер в Netscape
Navigator 4.7
xx-small
x-small
Small
Medium
Large
x-large
xx-large
10 пикселей
13 пикселей
16 пикселей
18 пикселей
23 пикселя
32 пикселя
48 пикселей
9 пикселей
10 пикселей
13 пикселей
16 пикселей
18 пикселей
23 пикселя
32 пикселя
9 пикселей
14 пин селей
16 пикселей
24 пикселя
36 пикселей
54 пикселя
Несмотря на то что это не нововведение XHTML, ключевые с л ова позволяют
очень легко привести устаревшие HTML-страницы, содержащие установки разме-
шрифта с помощью атрибута size в устаревшем дескрипторе , В COOT
260 Глава 5. XHTML и новые тенденции
ветствие с требованиями стандарта XHTML версии Strict DTD. (Хотя требования
стандарта XHTML версии Transitional DTD и позволяют использовать устаревшие
дескрипторы, тем не менее, браузеры, которые будут работать с будущими верси-
ями стандарта XHTML, должны соответствовать требованиям версии Strict DTD,
которая не допускает использования устаревших дескрипторов.)
При использовании ключевых слов для задания размера шрифта видимый
размер определяется типом и версией браузера. Как показано в предыдущей таб-
лице, браузер Internet Explorer 5 выводит на экран текст с размером шрифта
"Medium" размером 18 пикселей, в то время как браузеры Internet Explorer 6 и
Netscape Navigator (версии 5 и 6) — 16 пикселей. На рис. 5.8 приведены размеры
шрифта текста для каждого из семи ключевых слов при использовании браузера
Internet Explorer 6.
Текст small
Это текст с
Текст x-large
Это текст с
Текст xx-large
Это текст с
Текст
Рис. 5.8. Размер шрифта текста для каждого ключевого слова
при просмотре страницы в браузере Internet Explorer
ПРАКТИКУМ
Для установки размера шрифта с помощью ключевых слов задайте значение
свойства font-size в каскадном списке стилей или в дескрипторе текстового
элемента Web-страницы равным соответствующему ключевому слову. Например, в
следующем фрагменте кода показано, каким образом можно использовать атри-
бут style ДЛЯ установки СВОЙСТВа font-size!
<р style="font-size xx-small">Текст xx-small
Текст x-small
TeKCT smalK/spanXbr />
TeKCT medium
Текст large
Текст x-large
Текст хх-1 arge
Глава 5. XHTML и новые тенденции 261
Для установки размера всего текста страницы с помощью ключевого слова до-
бавьте в раздел заголовка страницы следующее правило списка Ьтилей:
|
|