Атрибут Link relAttribute
Объект Link
Определение и использование
Атрибут rel определяет связь между текущим документом и связанным документом.
Синтаксис
Задать атрибут rel:
linkObject.rel="relationship"
Вернуть атрибут rel:
linkObject.rel
Значения атрибута:
| Значение | Описание |
|---|---|
| alternate | Альтернативная версия документа (например, страница для печати, перевод или зеркало). |
| stylesheet | Внешняя таблица стилей для документа. |
| start | Первый документ в коллекции. |
| Далее | Следующий документ в коллекции. |
| prev | Предыдущий документ в коллекции. |
| содержание | Оглавление документа. |
| index | Указатель документа. |
| глоссарий | Глоссарий (пояснение) слов, используемых в документе. |
| авторские права | Документ, содержащий информацию об авторских правах. |
| глава | Глава документа. |
| section | Раздел документа. |
| подраздел | Подраздел документа. |
| приложение | Приложение документа. |
| help | Справочный документ. |
| закладка | Связанный документ. |
Поддержка браузеров
![]()
![]()
![]()
![]()
![]()
Все основные браузеры поддерживают атрибут rel
Примечание:Браузеры Opera или Safari не поддерживают значение "search".
Примечание:Браузеры IE, Safari или Chrome не поддерживают "sidebar".
Примеры
Примеры
Отобразить связь между текущим документом и связанным документом:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример учебника(example.com)</title>
<link id="link1" rel="stylesheet" type="text/css" href="style1.css.html">
<script>
function displayResult(){
var x=document.getElementById("link1").rel;
alert(x);
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">Отобразить связь между элементами link</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Пример учебника(example.com)</title>
<link id="link1" rel="stylesheet" type="text/css" href="style1.css.html">
<script>
function displayResult(){
var x=document.getElementById("link1").rel;
alert(x);
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">Отобразить связь между элементами link</button>
</body>
</html>
Попробуйте сами »
Объект Link Другие расширения