www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Теги ШТМЛ > Тег LINK
Теги ШТМЛ
Все теги
!DOCTYPE
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
ШТМЛ
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
WBR
XMP
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег LINK

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фохMozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да
ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

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

Параметры

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

Закрывающий тег

Не требуется.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
   <title>Тег LINK</title>  
   <link rel="stylesheet" type="text/CSS (ЦСС)" href="ie.CSS (ЦСС)">
   <link rel="alternate" type="application/rss+xml" 
     title="Уроки с с нашего сайта www-html.ru" href="http://www-html.ru/rss.xml"> 
   <link rel="shortcut icon" href="http://www-html.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

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

<link href="URL">

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

Нет.

Аргументы

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

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

Нет.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
   <title>Тег LINK, параметр href</title> 
   <link href="http://www-html.ru/ie/rus/x3.CSS (ЦСС)"> 
  </head> 
  <body>
  <p>...</p>
 </body>
</html>

Параметр MEDIA

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

screen.

Параметр REL

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

<link rel="тип">

Аргументы

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

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

Нет.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
   <title>Тег LINK, параметр rel</title> 
   <link rel="stylesheet" type="text/CSS (ЦСС)" href="hb.CSS (ЦСС)">
  </head> 
  <body>
   <p>...</p>
  </body>
</html>

Параметр TYPE

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

Нет.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <title>Тег LINK, параметр type</title> 
  <link rel="stylesheet" type="text/CSS (ЦСС)" href="/styles/ШТМЛbook.CSS (ЦСС)">
 </head> 
 <body>
  <p>...</p>
 </body>
</html>

Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект