Елемент style

Елемент STYLE

Дані елементів розмітки <STYLE> …</STYLE> залишають у документі місце під запис стилів (наприклад при використанні каскадних таблиць стилів CSS). Браузери не виводять на екран уміст цього елемента. Наприклад,

<STYLE TYPE=”text/css”>

a:link{text decoration:none}

a:visited {text decoration:none}

</STYLE>.

Елемент SCRIPT

Дані команди <SCRIPT>…</SCRIPT> залишають у документі місце під запис програм, які будуть виконуватися на комп'ютерах кінцевих користувачів або на web-серверах.

Елемент META

Використовується для надання метаінформації. Метаінформація – парні конструкції типу "назва/значення", що описують властивості даного документа і їх значення.

Тег <META> використовується з парними атрибутами NAME , що вказує назву певної властивості, та CONTENT, що надає значення відповідній властивості.

Наприклад,

<META NAME= “Author” CONTENT= “Т. Усатенко”>

<META NAME= “Description” CONTENT= “Лекція. HTML”>

<META NAME=“Keywords” CONTENT= “тег, команда, атрибут, посилання, web-документ ”>.

Іноді елемент META використовують для зазначення методів протоколу HTTP, наприклад,

<META HTTP-EQUIV="Refresh" content="5; URL= http://www.sumdu.edu.ua/">,

де

цифра – час очікування;

URL – адреса переходу.

При такому використанні елемента META відбувається перехід на сторінку із зазначеним URL через 5 с після повного завантаження у вікно браузера.

Елемент LINK

Використовується для створення зв'язків з іншими документами та надає документу незалежний від середовища метод створення взаємозв'язків з іншими документами й ресурсами середовища. Елемент LINK був складовою частиною мови HTML, починаючи із самих перших днів, однак дотепер лише деякі браузери використовують його переваги (більша ж частина продовжує ігнорувати елементи LINK).

Елементи <LINK> можуть бути використані для:

• створення в документі спеціальних навігаційних кнопок;

• керування процесом відображення набору HTML-файлів у друковані документи;

• прив'язки таблиць стилів (css) і скриптів;

• надання альтернативних форм для даного документа.

Розглянемо кілька рекомендованих типів взаємозв'язку, що задають атрибутами :

HREF – задає URL-адресу, що вказує на асоційований ресурс.

TITLE – визначає заголовок асоційованого ресурсу, що зазначається для довідки.

REL – вказує прямий зв'язок, тип відомий також як "тип зв'язку". Вводить певне взаємовідношення між поточним документом і ресурсом, на який вказує атрибут HREF.

REV – визначає зворотні відношення. Наприклад, якщо є прив'язка документа A до документа B, виражена параметром REV=відношення, то в документі B те ж саме відношення фіксується за допомогою атрибута REL=відношення.

Типи зв'язків у HTML поки що нестандартизовані, але існують наступні рекомендовані типи взаємозв'язків:

REL=TOP – зв'язок, що вказує на вершину в якійсь ієрархічній структурі, наприклад на першу, або титульну сторінку в деякому наборі HTML-документів.

REL=CONTENTS – зв'язок, що вказує на якийсь файл, де наводиться зміст до даного документа.

REL=INDEX – зв'язок, що вказує на інший документ, який можна використати з метою індексного пошуку в поточному документі.

REL=GLOSSARY – зв'язок, що вказує на деякий документ, де міститься глосарій термінів, що належать до поточного документа.

REL=COPYRIGHT – зв'язок, що посилається на текст, у якому зазначені авторські права на даний документ.

REL=NEXT – зв'язок, що вказує на наступний документ у певному заздалегідь визначеному маршруті перегляду. Наприклад, він може використовуватися для автоматичного завантаження браузером наступної сторінки.

REL=PREVIOUS – даний зв'язок посилається на попередній документ у певному заздалегідь визначеному маршруті перегляду.

REL=HELP – зв'язок, що вказує на документ-допомогу, наприклад, це може бути текст, що дає більш розгорнутий опис і пропонує посилання на інші документи з цієї теми. Призначення цього зв'язку – надання допомоги тим читачам, хто втратив свій шлях у Web.

REL=SEARCH – дане посилання веде до пошукової сторінки, що контролює певний набір сторінок, зв'язаних загальною темою.

Приклади елементів LINK:

<LINK REL=Contents HREF=zmist.html>,

<LINK REL=Previous HREF=doc31.html>,

<LINK REL=Next HREF= doc33.html>.

Пример #2 HTML-документ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">

<HTML>

<HEAD>

<TITLE>Назва сторінки</TITLE>

... інші елементи заголовка

<META HTTP-EQUIV="Content-Type"

CONTENT ="text/html; charset=windows-1251">

<META NAME="Description"

CONTENT="опис сторінки>

<META NAME="Keywords"

CONTENT =" ключові слова, через кому">

< LINK HREF="зовнішній файл таблиць стилів"

REL="stylesheet type=text/css">

<SCRIPT LANQUAGE="JavaScript"

SRC="файл зі скриптами JavaScript">…

</SCRIPT>

</HEAD>

<BODY >… тіло документа…</BODY>

</HTML>