Поделиться
Часы 35-36 Служебные теги (2).doc
2.6 Служебные теги
Контейнер <BODY> -
один из основных элементов html-документа, в котором помещается весь контент,
отображаемый на странице. Через параметры тега <BODY> можно
управлять отображением многих элементов на web-странице.
<body>...</body>
Параметры:
alink Определяет цвет активных ссылок
background Задает фоновый рисунок на web-странице
bgcolor Цвет фона web-страницы
bgproperties Определяет, прокручивать фон совместно с текстом или нет
bottommargin Отступ от нижнего края окна браузера до контента
leftmargin Отступ по горизонтали от левого края окна браузера до контента
link Определяет цвет непосещенных ссылок
rightmargin Отступ по горизонтали от правого края окна браузера до контента
scroll Устанавливает, отображать полосы прокрутки или нет
text Определяет цвет текста по умолчанию
topmargin Отступ от верхнего края окна браузера до контента
vlink Задает цвет посещенных ссылок
Параметры ALINK, LINK, VLINK
В HTML можно
установить цвет, используемый по умолчанию, для все текстовых ссылок. Данные
параметры устанавливают цвета для активных, непосещенных и посещенных ссылок
соответственно.
Текущий цвет ссылки меняется на активный, когда на ссылку нажимают курсором
мыши или выделяют ее с помощью клавиатуры. Если же проследовать по выбранной
ссылке, то браузер запомнит ее состояние и будет впредь отображать ее, как
посещенную.
<body link="цвет">...</body>
Параметр BACKGROUND
С помощью этого параметра
можно задать фоновый рисунок в документе, который будет взят из графического
файла по указанному адресу. В отличие от обычных изображений, для фона не
устанавливаются ширина и высота, и он всегда отображается в натуральную
величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то
картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика.
По этой причине на месте стыка фоновых картинок могут возникнуть видимые
перепады, заметные для посетителей сайта, которые могут быть устранены только с
использованием стилей CSS.
<body background="URL">...</body>
Параметр BGCOLOR
Устанавливает цвет фона
web-страницы. Если для страницы был также выбран фоновый рисунок, но он будет
накладываться поверх залитой области.
<body bgcolor=цвет>...</body>
Параметр BGPROPERTIES
По умолчанию фоновый рисунок
прокручивается совместно с содержанием web-страницы. Используя
параметр bgproperties можно зафиксировать фон на одном месте и, таким
образом, заставить прокручиваться только контент. Подобное качество
web-страницы редко применяется для сайтов, поэтому для пользователей может
показаться странным и непривычным.
<body bgproperties="fixed">...</body>
Параметры LEFTMARGIN и RIGHTMARGIN
Данные параметры позволяют
задать отступ от левого и правого края окна браузера до контента web-страницы.
Некоторые браузеры не воспринимают данные параметры и используют вместо них
параметр marginwidth.
Параметры BOTTOMMARGIN и TOPMARGIN
Данные параметры позволяют
задать отступ от нижнего и верхнего края окна браузера до контента
web-страницы. Некоторые браузеры не воспринимают данные параметры и используют
вместо них параметр marginheight.
Параметр SCROLL
Параметр scroll управляет
присутствием полос прокрутки в окне браузера, когда содержание web-страницы
превышает размер текущего окна. Этот параметр работает только в
браузере Internet Explorer и может иметь два значения -
"yes" или "no".
Параметр TEXT
Устанавливает цвет текста,
используемого на web-странице по умолчанию. Цвета отдельных элементов можно
легко изменять с помощью стилей CSS.
<body text="цвет">...</body>
Контейнер
заголовка <HEAD> предназначен для хранения служебных тегов,
цель которых - помочь браузеру в работе с данными. Также внутри
контейнера <HEAD> располагаются метатеги, которые используются
для хранения информации предназначенной для браузеров и поисковых систем.
<head>...</head>
Начальный и конечный
теги <HTML> представляют собой основной контейнер
html-документа в который помещаются все остальные теги, за исключением
тега <!DOCTYPE>, определяющего тип самого документа.
Параметры:
title Создает всплывающую подсказку
Параметр TITLE
Использую параметр title можно
задать текст всплывающей подсказки на странице, которая будет появляться при
задержке курсора мыши в окне.
<html title="текст">...</html>
Тег <LINK> используется
для указания пути к файлу стилей CSS или к файлу со шрифтами. Он
должен распологаться внутри контейнера <HEAD>.
|
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head> |
Параметры:
href Путь к привязываемому файлу
media Определяет устройство, для которого следует применять стилевое оформление
rel Определяет отношения между текущим документом и файлом, на который делается ссылка
type MIME-тип данных подключаемого файла
Параметр HREF
Определяет путь к
привязываемому файлу. Можно указывать, как полный, так и относительный путь.
<link href="URL">
Параметр MEDIA
Определяет устройство, для
которого следует применять стилевое оформление. Это позволяет сделать разный
стиль для отображения документа на разных устройствах. Допускается писать
несколько аргументов через запятую.
all Все устройства
screen Экран монитора *
print Печатающее устройство вроде принтера
projection Проектор
braille Устройства, основанные на системе Брайля, которые предназначены для слепых людей
speech Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры
Параметр REL
Параметр rel определяет
отношения между текущим документом и файлом, на который делается ссылка. Это
необходимо, чтобы браузер знал, как использовать подключаемый документ.
<link rel="тип">
stylesheet Определяет, что подключаемый файл хранит таблицу стилей CSS
application/rss+xml Файл в формате XML для описания ленты новостей, анонсов статей
Параметр TYPE
Сообщает браузеру, какой
MIME-тип данных используется для внешнего документа. Как правило, применяется
для того, чтобы указать, что подключаемый файл содержит CSS.
Имя MIME-типа в любом регистре. Для подключаемых таблиц связанных стилей
применяется тип text/css.
С помощью
метатегов <META> можно передавать дополнительную информацию о
сайте браузерам и поисковым системам. Например, с помощью метатегов можно
организовать набор ключевых слов, по которым пользователь сможет найти Ваш сайт
через поисковую систему. Все метатеги должны находиться в заголовке
документа <HEAD>.
Параметры:
content Устанавливает значение параметра, заданного с
помощью name или http-equiv
http-equiv Предназначен для конвертирования метатега в заголовок HTTP
name Имя метатега, также косвенно устанавливает его предназначение
Параметр CONTENT
|
content устанавливает
значение параметра, заданного с помощью name или http-equiv.
Параметр content может содержать более одного аргумента, в этом случае
аргументы разделяются запятыми или точкой с запятой. <head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="description" content="Lost Formula - Забытые рецепты"> <meta name="keywords" content="рецепты, химия, кулинария, медицина">
</head> |
Параметр HTTP-EQUIV
Браузеры преобразовывают
значение параметра http-equiv, заданное с помощью content, в формат
заголовка ответа HTTP и обрабатывают их, как будто они прибыли
непосредственно от сервера.
Content-Type Тип кодировки документа
expires Устанавливает дату и время, после которой информация в документе будет считаться устаревшей
pragma Способ кэширования документа
refresh Загрузить другой документ в текущее окно браузера
Параметр NAME
Устанавливает идентификатор
метатега. Одновременно использовать
параметры name и http-equiv не допускается.
author Имя автора документ
description Описание текущего документа
keywords Список ключевых слов, встречающихся на странице
С помощью
тега <STYLE> задаются стили CSS для элементов
страницы. Тег <STYLE> должен располагать внутри
контейнера <HEAD>.
<style type="text/css">...</style>
Параметры:
media Определяет тип устройства, для работы с которым предназначена таблица стилей
type Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили
Параметр MEDIA
Устанавливает устройство
вывода, для которого предназначена таблица стилей. Для каждого устройства - от
карманного компьютера до принтера можно определить свою собственный стиль,
который бы учитывал специфику устройства и подгонял под него вид web-страницы.
all Все устройства
screen Экран монитора *
print Печатающее устройство вроде принтера
projection Проектор
braille Устройства, основанные на системе Брайля, которые предназначены для слепых людей
speech Речевые синтезаторы, а также программы для воспроизведения текста вслух
Параметр TYPE
Сообщает браузеру, какой
синтаксис использовать, чтобы правильно интерпретировать таблицу стилей. Как
правило, браузеры корректно работают со стилями и при отсутствии этого
параметра, он необходим для некоторых старых браузеров, которые могут не
распознать содержимое контейнера <TYLE>.
|
<head>
<style type="text/css">
.lay1 { padding: 2px; }
h2 { color: #333399; font-size: 20px; font-family: Arial; }
</style>
</head> |
Данный тег определяет
название для web-страницы, которое будет отображаться в заголовке окна
браузера. Также содержимое данного элемента сильно влияет на выдачу в поисковых
системах.
<title>Заголовок</title>
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
