Учебник по HTML и CSS |
|
Теги HTML Теги по типам
| Тег LINK
ОписаниеУстанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <A>, тег <LINK> размещается всегда внутри контейнера <HEAD> и не создает ссылку. Синтаксис <head> Параметры
Закрывающий тегНе требуется. Пример 1. Использование тега <LINK> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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="Статьи с сайта mysite.ru" href="https://mysite.ru/rss.xml"> <link rel="shortcut icon" href="https://mysite.ru/favicon.ico"> </head> <body> <p>...</p> </body> </html> В данном примере подключается внешний файл со стилями с помощью параметра rel="styleseet" тега <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" "https://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="https://mysite.ru/ie/rus/x3.css"> </head> <body> <p>...</p> </body> </html> Параметр MEDIA
ОписаниеОпределяет устройство, для которого следует применять стилевое оформление. Это позволяет сделать разный стиль для отображения документа на экране монитора и при его печати. Допускается писать несколько аргументов через запятую. Синтаксис<link media="all | screen | print | projection | braille | speech "> Аргументы
Значение по умолчаниюscreen. Параметр REL
ОписаниеПараметр rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ. Синтаксис<link rel="тип"> Аргументы
Значение по умолчаниюНет. Пример 3. Добавление таблицы стилей <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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" "https://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> |
При использовании материалов сайта ссылка на comnew.ru обязательна! |