Информация о стиле в заголовке: элемент STYLE
<!ELEMENT - - -- информация о стиле --> <!ATTLIST STYLE -- , , для использования с заголовком -- #REQUIRED - тип содержимого языка стилей -- #IMPLIED -- для использования с этими устройствами -- #IMPLIED -- рекомендуемый заголовок -- >
Начальный тэг: обязателен, Конечный тэг: обязателен
Определения атрибутов
type =
Этот атрибут определяет язык таблиц стилей для содержимого элемента и имеет приоритет над языком таблиц стилей, ипользуемы. Язык таблиц стилей указывается как тип содержимого (например, "text/css"). Авторы должны указать значение для этого атрибута; для него нет значения по умолчанию.
media =
Этот атрибут задает целевое устройство для информации о стиле. Это может быть один дескриптор устройства или список дескрипторов, разделенных запятыми. По умолчанию устанавливается значение "screen".
атрибуты, определяемые в другом месте
(), ()
Элемент позволяет авторам помещать правила таблиц стилей в раздел head документа. В HTML допустимо любое число элементов в разделе .
Агенты пользователей, не поддерживающие таблицы стилей или не поддерживающие определенный язык таблиц стилей, используемый в элементе , не должны показывать элемент . Ошибкой будет генерировать его содержимое как часть текста документа. Некоторые языки таблиц стилей поддерживают синтаксис для того, чтобы несоответствующим спецификации агентам пользователей.
зависит от языка таблицы стилей.
Некоторые реализации таблиц стилей могут поддерживать большее разнообразие правил для элемента , чем в атрибуте . Например, в CSS правила могу объявляться в элементе для:
Правила приоритета и наследования правил таблиц стилей зависят от языка таблиц.
Следующее объявление CSS приводит к появлению границы вокруг всех элементов в документе и центрированию их на странице.
<HEAD> <STYLE type="text/css"> H1 {border-width: 1; border: solid; text-align: center} </STYLE> </HEAD>
Чтобы указать, что эта информация о стиле должна применяться только к элементам определенного класса, можно изменить определение следующим образом:
<HEAD> <STYLE type="text/css"> H1.myclass {border-width: 1; border: solid; text-align: center} </STYLE> </HEAD> <BODY> <H1 class="myclass"> Наш стиль влияет на этот заголовок уровня H1</H1> <H1> А на этот заголовок наш стиль не влияет</H1> </BODY>
И, наконец, для ограничения области действия информации о стиле единственным экземпляром элемента , установите атрибут :
<HEAD> <STYLE type="text/css"> #myid {border-width: 1; border: solid; text-align: center} </STYLE> </HEAD> <BODY> <H1 class="myclass"> На этот заголовок H1 стиль не влияет</H1> <H1 id="myid"> А на этот влияет </H1> <H1> На этот опять не влияет </H1> </BODY>
Хотя информация о стиле может устанавливаться почти для всех элементов HTML, два элемента, и , особенно полезны тем, что они не накладывают никакой семантики представления (кроме ). Вместе с таблицами стилей эти элементы позволяют пользователям неограниченно расширять язык HTML, особенно при использовании атрибутов и .
В следующем примере элемент используется для установки малых прописных букв для стиля шрифта первых нескольких слов абзаца.
<HEAD> <STYLE type="text/css"> SPAN.sc-ex { font-variant: small-caps } </STYLE> </HEAD> <BODY> <P><SPAN class="sc-ex">Первые несколько</SPAN> слов абзаца выделены малыми прописными буквами. </BODY>
В следующем примере мы используем элемент и атрибут для установки выравнивания текста для ряда абзацев, составляющих введение в научную статью. Информация о стиле может повторно использоваться для других разделов введения путем установки атрибута в любом месте документа.
<HEAD> <STYLE type="text/css"> DIV.Abstract { text-align: justify } </STYLE> </HEAD> <BODY> <DIV class="Abstract"> <P>The Chieftain product range is our market winner for the coming year. This report sets out how to position Chieftain against competing products.
<P>Chieftain replaces the Commander range, which will remain on the price list until further notice. </DIV> </BODY>
