• Страница 1 из 1
  • 1
Тег LINK
Timons88Дата: Четверг, 21.01.2010, 15:33 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 95
Репутация: 0
Статус: Offline
Потдерживается во всех браузерах

Описание

Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <A>, тег <LINK> размещается всегда внутри контейнера <HEAD> и не создает ссылку.

Синтаксис

<head> <link ...> </head>

Параметры

href - Путь к связываемому файлу.
rel - Определяет отношения между текущим документом и файлом, на который делается ссылка.
type - MIME-тип данных подключаемого файла.

Закрывающий тег - Не требуется.

Пример 1. Использование тега <LINK>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LINK</title>
<link rel="stylesheet" type="text/css" href="ie.css">
<link rel="alternate" type="application/rss+xml"
title="Статьи с сайта htmlbook.ru" href="http://htmlbook.ru/rss.xml">
<link rel="shortcut icon" href="http://htmlbook.ru/favicon.ico">
</head>
<body>
<p>...</p>
</body>
</html>

В данном примере подключается внешний файл со стилями с помощью параметра rel="stylesheet" тега <LINK>, указывается RSS-документ текущего сайта (link rel="alternate" type="application/rss+xml") и устанавливается иконка сайта в адресной строке браузера (link rel="shortcut icon").

Описание параметров тега <LINK>

Параметр HREF

Описание

Путь к файлу, на который делается ссылка (URL).

Синтаксис

<link href="URL">

Обязательный параметр - Нет.

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию - Нет.

Пример 2. Ссылка на файл

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LINK, параметр href</title>
<link href="http://www.htmlbook.ru/ie/rus/x3.css">
</head>
<body>
<p>...</p>
</body>
</html>

Параметр MEDIA

Описание

Определяет устройство, для которого следует применять стилевое оформление. Это позволяет сделать разный стиль для отображения документа на экране монитора и при его печати. Допускается писать несколько аргументов через запятую.

Синтаксис

<link media="all | screen | print | projection | braille | speech ">

Аргументы

all - Все устройства .
screen - Экран монитора.
print - Печатающее устройство вроде принтера.
projection - Проектор.
braille - Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
speech - Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.

Значение по умолчанию - screen.

Параметр REL

Описание

Параметр rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.

Синтаксис

<link rel="тип">

Аргументы

stylesheet- Определяет, что подключаемый файл хранит таблицу стилей (CSS).
application/rss+xml - Файл в формате XML для описания ленты новостей, анонсов статей.

Значение по умолчанию - Нет.

Пример 3. Добавление таблицы стилей

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LINK, параметр rel</title>
<link rel="stylesheet" type="text/css" href="hb.css">
</head>
<body>
<p>...</p>
</body>
</html>

Параметр TYPE

Описание

Сообщает браузеру, какой MIME-тип данных используется для внешнего документа. Как правило, применяется для того, чтобы указать, что подключаемый файл содержит CSS.

Синтаксис

<link type="MIME-тип">

Аргументы

Имя MIME-типа в любом регистре. Для подключаемых таблиц связанных стилей применяется тип text/css.

Значение по умолчанию - Нет.

Пример 4. Использование параметра type

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LINK, параметр type</title>
<link rel="stylesheet" type="text/css" href="/styles/htmlbook.css">
</head>
<body>
<p>...</p>
</body>
</html>

 
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2025
Создать бесплатный сайт с uCoz