HTML довідник та статті з хтмл (теги, коди, приклади) - Тег LINK, атрибут rel та типи посилань

Буквально за кілька днів до написання цієї статті вийшла фінальна версія браузера Opera 7 (Win). У ній з'явилося багато чудових інтерфейсних нововведень, серед яких можна виділити т.з. Site navigation. Робота цієї навігації ґрунтується на тегу link та атрибуті rel.

Буквально за кілька днів до написання цієї статті вийшла фінальна версія браузера Opera 7 (Win). У ній з'явилося багато чудових інтерфейсних нововведень, серед яких можна виділити т.з. Site navigation — однойменний пункт меню та панель інструментів. Робота цієї навігації ґрунтується на тегу link та атрибуті rel.

Не секрет, що тег link досить активно використовується розробниками сайтів практично лише для одного - встановлення зв'язку між HTML документом та CSS файлом:

Але це далеко не всі можливості тега link. З його допомогою можна задавати інші типи посилань, особливо добре підходять для контент-сайтів, електронних книг і т. п. Крім того, взаємозв'язки, що встановлюються в head тегом link дозволяють пошуковим машинам легше пробиратися через нетрі сайту.

Давайте розглянемо реальний приклад використання link та rel, реалізований у мене на сайті:

Якщо ви подивіться на будь-яку сторінку даного сайту через Opera 7, то побачите в інтерфейсі цього браузера додаткову панель, на якій будуть клікабельними кнопки Home, Search і Author.

Повний список визначених типів посилань та їх інтерпретації можна переглянути у специфікації HTML 4.01. Слід лише згадати, що Opera 7 сприймає в повному обсязі зазначені у специфікації типи, але до того ж час підтримує деякі нестандартні назви:

Якщо вас цікавлять додаткові відомості на тему, їх можна знайти на сторінціSubotnik: The 'link'-Element in (X)HTML. Там же дано деякі рекомендації, як зробити описані можливості навігації (link та rel) доступними для користувачів Internet Explorer.