Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
3.0 + | 1.0 + | 4.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
устанав ливает зв'язок із зовнішнім документом на зразок файлу зі стилями або з шрифтами. На відміну від тега <a> , тег <link> розміщується завжди всередині контейнера <head> і не створює посилання.
Синтаксис
HTML | <head> <link атрибути> </head> |
XHTML | <head> <link атрибути/> </head> |
Атрибути
- charset
- Кодування пов'язують документа.
- href
- Шлях до пов'язують файлу.
- media
- Визначає пристрій, для якого варто застосовувати стильове оформлення.
- rel
- Визначає відносини між поточним документом і файлом, на який робиться посилання.
- sizes
- Вказує розмір іконок для візуального відображення.
- type
- MIME-тип даних підключається файлу.
Також для цього тега доступні універсальні атрибути .
Закриваючий тег
Чи не потрібно.
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> Тег LINK </title> <link rel="stylesheet" href="ie.css"> <link rel="alternate" type="application/rss + xml" title="Статті з сайту html-css.co.ua" href="/rss.xml"> <link rel="shortcut icon" href="/favicon.ico"> </head> <body> <p> ... </p> </body> </html>
В даному прикладі підключається зовнішній файл зі стилями за допомогою атрибута rel="stylesheet" тега <link> , вказується RSS-документ поточного сайту ( link rel="alternate" type="application/rss + xml" ) і встановлюється іконка сайту в адресному рядку браузера ( link rel="shortcut icon" ).