| |
тель мыши по умолчанию (стрелочка) при подводе его к гиперссылке на
указатель в виде руки. Изменение вида указателя позволяет посетителю понять,
что под указателем находится не простой текст или изображение.
Тем не менее, иногда Web-браузер не изменяет вид указателя, даже если на
Web-странице находится специальный элемент, который посетитель может ис-
пользовать. Например, в несколько HTML-дескрипторов можно включить атри-
бут t i t l e . При наличии атрибута t i t l e Web-браузер при наве)цении
указателя
мыши на соответствующий элемент Web-страницы выводит на экран короткую
подсказку. Предположим, например, что HTML-страница содержит следующий
код:
HWDTT предлагает прекрасный набор советов, которые можно
использовать при исследовании Web-технологий.
Если посетитель подведет указатель мыши к слову "HWDTT" В предложении
"HWDTT предлагает прекрасный набор советов, которые можно использо-
вать при исследовании web-технологий", Web-браузер выведет на экран на не-
сколько секунд подсказку "Книга ШМЬ & Web Design Tips an, , ИЛИ Любым Другим Элементом, ОТМечеННЫМ КЛаССОМ help,
включите в каскадный список стилей на странице следующий код:
abbr, acronym, .help {border-bottom: Ipx dotted black; cursor:help}
Правило списка стилей в данном примере фактически предоставляет два ви-
зуальных ориентира, как показано на рис. 4.24.
228 Глава 4. Каскадные списки стилей
L »"'••'-••••"•• .•••ТГТТ.1,••::•.|..:.-, :•. дсказок - Microsoft Internet
Explore
: Файл Правке Вид избранное Сервис Отраву а
бдрее ].] hftp //html-webdestgn/ChapterO4/FiguretH-24 htm
When a Web page has abbreviations and acronyms, you can give the visitor the
foil text
of the abbreviation by using the title attribute.
However how does the visitor know that the following acronym HTWDTT has a long
description? Well, if you write some CSS rules that underline abbrevia
HTML & Web Design Tips & Techniques
acronyms as well as other text that has a "title" available, you can help 'me
VIMIUI UUL* \ , 3—'
Rather than seeing nothing under "TGIF," the reader sees that the acronym has
help text-
-because of the underline. By hovering the mouse over the underlined text, the
visitor
will be able to see the "title" attribute value as a tool tip.
This is also true of abbreviations. Everyone knows Mr. is an abbreviation for
Mister.
However, just in case, you can provide a tool Tip.
In addition, you can create your on class of help text. For example, "help" in
the
preceding sentence is has a tool tip and is styled to alert the user to the
tool tip using the
ta
|
|