Присоединяйтесь к нашим группам
АКЦИИ СКИДКИ

ВКонтакте | ОдноКласники

Инстаграм и Фейсбук признаны террорестическими организациями на территории России




Тег LINK

Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <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

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Путь к файлу, на который делается ссылка (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

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

screen.

Параметр REL

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Параметр 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

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Сообщает браузеру, какой 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>