- •Міністерство освіти і науки україни
- •Структура та правила
- •Id селектори (id Selectors)
- •Властивості контейнерів, що керуються описувачами стилів
- •I {text-decoration: line-through;} – закреслення
- •I {text-transform: lowercase;} - Всі букви перетворяться в рядкові.
- •Атрибут media
- •Атрибут rel
- •Атрибут rev
- •Становська Тетяна Павлівна Любошиц Ганна Анатоліївна методи та засоби комп'ютерних інформаційних технологій
- •65082, Одеса, вул. Дворянська, 1/3
Атрибут media
Визначає пристрій, для якого слід застосовувати стильове оформлення. Це дозволяє зробити різний стиль для відображення документа на екрані монітора і при його друці. Допускається писати декілька аргументів через кому. Значення за умовчанням – screen. Аргументи:
all – всі пристрої;
screen – екран монітору;
print – друкуючий пристрій на зразок принтера;
projection – проектор;
braille – пристрої, засновані на системі Брайля, які призначені для сліпих людей;
speech або aural – мовні синтезатори, а також програми для відтворення тексту вголос. Сюди, наприклад, можна віднести мовні браузери;
handheld – кишенькові комп'ютери і аналогічні їм апарати;
tv – телевізор.
Приклад
<html> <head> <link media="print, handheld" rel="stylesheet" href="print.css" type="text/css">
<link media="screen" rel="stylesheet" href="main.css" type="text/css">
</head> <body> ... </body> </html>
Атрибут rel
Параметр rel визначає стосунки між поточним документом і файлом, на який робиться посилання. Це необхідно, аби браузер знав, як використовувати документ, що підключається.
Деякі з рекомендованих типів взаємозв'язків:
rel=top
Даний зв'язок вказує на вершину в деякій ієрархічній структурі, наприклад на першу, або титульну сторінку в деякому наборі документів.
rel=contents
Даний зв'язок вказує на деякий файл, де наводиться зміст до даного документу.
rel=index
Даний зв'язок вказує на інший документ, який можна використовувати в цілях індексного пошуку по поточному документу.
rel=glossary
Даний зв'язок вказує на деякий документ, де міститься глосарій термінів, що відносяться до поточного документу.
rel=copyright
Даний зв'язок посилається на текст, де вказані авторські права на даний документ.
rel=next
Даний зв'язок вказує на наступний документ в деякому заздалегідь зумовленому маршруті перегляду. Наприклад, вона може використовуватися для попереджуючого автоматичного завантаження браузером наступної сторінки.
rel=previous
Даний зв'язок посилається на попередній документ в деякому зумовленому маршруті перегляду.
rel=help
Даний зв'язок вказує на документ, що пропонує деяку допомогу, наприклад це може бути текст, що дає більш розгорнутий опис і що пропонує посилання на інші документи по цій темі. Призначення цього зв'язку - надання допомоги тим читачам, хто втратив свою дорогу в Web.
rel=search
Дане посилання веде до пошукової сторінки, контролюючої деякий набір сторінок, зв'язаних загальною темою.
rel=stylesheet
Вказує на файл, що містить таблицю стилів (CSS) для поточного документа. Браузер завантажить css-файл з вказаного в атрибуті HREF адреси і застосує його до поточного документа.
rel=home
Вказує на заголовну сторінку вашого сайту.
rel=up, rel=parent
Вказує на "батьківську" сторінку (документ, що стоїть на сходинку вище в ієрархічній структурі вашого сайту).
rel=child
Вказує на "дочірню" сторінку (документ, що стоїть на сходинку нижче в ієрархічній структурі вашого сайту).
rel=last, rel=end
Вказує на останню сторінку в послідовності документів.
rel=first
Вказує на першу сторінку в послідовності документів.
rel=alternate
Створення заслання на цей же документ на іншій мові або в іншому форматі.
rel=icon, rel=shortcut icon
Звернення до іконки. Підказує браузеру, де треба шукати іконку.
Приклад
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="alternate" href="http://tema.livejournal.com/">
<LINK REL="HOME" TITLE="HTML-довідник" HREF="index.html">