<link> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Суббота, 10.12.2016
Главная » Справочник HTML » Документы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<link> | Тег HTML

Тег <link> загружает внешние документы




Тег <link> служит для загрузки внешних документов,например таблицы стилей.Отличие от свойства @import,заключается в более расширенных возможностях,с указанием атрибутов список которых имеет отличие от версии HTML4.Тег прописывается сразу после тега <title>,можно указать несколько возможных вариантов,чем выше раполагаемый вариант,тем выше его приоритет.Ниже предоставлено описание атрибутов имеющее отношение к 5 версии HTML.Тег поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Тег работает в браузерах





Атрибуты тега <link>

Атрибут href

Указывает URL адрес загружаемого документа.

Атрибут hreflang

Указывает код используемого языка InformationПосмотрите коды языков чтобы быть в курсеISO 639-1

Атрибут media

Служит для определения стилей для различных типов медиа.

Применяемые устройства атрибута media

all -  все устройства

aural - речевые синтезаторы

braille - устройства для слепых на основе системы Брайля

handheld -  устройства где экраны имеют ограничения

projection - проекторы

print - страница предварительной распечатки принтером

screen - экран компьютера

tty - устройства использующие сетку фиксированного шага

tv - устройства телевизионного типа

Применяемые значения атрибута media

width -  указывает ширину страницы,могут быть использованы префиксы "min-" и "max-",например media="screen and (min-width:600px)"

height - указывает высоту страницы,могут быть использованы префиксы "min-" и "max-",например media="screen and (max-height:600px)"

device-width - указывает ширину окна девайса,могут быть использованы префиксы "min-" и "max-",например media="screen and (device-min-width:600px)"

device-height -  указывает высоту окна девайса,могут быть использованы префиксы "min-" и "max-",например media="screen and (device-min-height:600px)"

orientation - указывает ориентацию,могут быть использованы значения "portrait" или "landscape",например media="all and (orientation:portrait)"

aspect-ratio - указывает соотношение ширины и высоты отображения страницы,могут быть использованы префиксы "min-" и "max-",например media="screen and (aspect-ratio:16/10)"

device-aspect-ratio - указывает соотношение ширины и высоты отображения окна девайса,могут быть использованы префиксы "min-" и "max-",например media="screen and (aspect-ratio:16/10)"

color - указывает количество бит на цвет отображения,могут быть использованы префиксы "min-" и "max-",например media="screen and (color:7)"

color-index - указывает количество цветов для обработки целевого отображения,могут быть использованы префиксы "min-" и "max-",например media="screen and (max-color-index:256)"

monochrome - указывает количество бит на пиксель в монохромном буфере кадра,могут быть использованы префиксы "min-" и "max-",например media="screen and (min-monochrome:2)"

resolution - указывает плотность пикселей ( точек на дюйм и точек на сантиметр ),могут быть использованы префиксы "min-" и "max-",например media="print and (min-resolution:300dpi)"

scan - указывает метод сканирования дисплея телевизора,возможные значения "progressive" и "interlace",например media="tv and (scan:progressive)"

grid -  указывает,если выходное устройство сетка или битовая карта,то возможные значения "1" для сетки, и "0" для остальных случаев

Атрибут rel

Указывает связь импортируемого документа с существующим.

Значения применяемые к атрибуту rel

alternate -  ссылка на альтернативный источник документа

author - ссылка на авторскую страницу документа

help - ссылка на страницу пояснения

icon -  ссылка на иконку ( favicon )

licence - ссылка на страницу лицензирования документа

next - ссылка на следующую страницу

pingback - ссылка на сервер Pingback

prefetch - указывает на кэширование конечного документа

prev - ссылка на предыдущую страницу

search - ссылка на страницу поиска

sidebar - ссылка на дополнительный элемент,который отразится в боковой панели браузера

stylesheet - ссылка на документ импортируемых стилей

tag - теги документа

Атрибут sizes

Указывает на размер значка ( favicon ),указанного документа,используется только если импортируемый документ является значком и атрибут rel установлен в положение "icon".

Значения применяемые к атрибуту sizes

ЧислоpxXЧислоpx -  размеры высоты и ширины для значка ( favicon )

any - указывает на масштабируемый значок ( favicon )

Атрибут type

Указывает на InformationПосмотрите что такое MIME типыMIME тип импортируемого документа.

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг link</title>
<link type="text/css" rel="StyleSheet" href="http://delaisait.ucoz.ru/_st/my.css">
</head>
<body>
<p>Импортируем на страницу загруженную на ФТП сервер,базовые стили сайта</p>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Документы | Добавил: IZOTOP (16.06.2012) | Автор: Меренков Михаил W
Просмотров: 897 | Теги: импорт документа, импортировать стили | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]