Подобный материал:
- 1. Комп’ютерні мережі Тема Комп’ютерні мережі, 56.68kb.
- Робоча програма з дисципліни " Комп’ютерні мережі" (за вимогами кмсонп) Освітньо-кваліфікаційний, 251.7kb.
- Навчальна програма дисципліни Комп’ютерні мережі в системах управління Напрям підготовки, 70.88kb.
- Програма фахового вступного випробування для навчання за освітньо-кваліфікаційним рівнем, 138.81kb.
- Програма фахового вступного випробування для навчання за освітньо-кваліфікаційним рівнем, 132.16kb.
- Робоча навчальна програма навчальної дисципліни " Системне програмне забезпечення", 184.72kb.
- Способи передачі даних в мережі Internet (на прикладі електронної пошти), 408.96kb.
- Ютерні системи та мережі” Спеціалізація: Комп’ютерні засоби інформатики, 203.69kb.
- Питання на Державний іспит зі спеціальностей 091. 501 "комп’ютерні системи та мережі",, 111.96kb.
- Правила побудови адреси в мережі Internet, 9.49kb.
Це заголовок
3. Посилання на символи. Посилання на символи - це числові або символьні імена символів, які можуть бути включені в документ HTML. Вони зручні для звернення до рідко використовуваних символів або до символів, які важко або неможливо вводити в засобах розробки документів. Посилання на символи починаються зі знаку "&" і закінчуються крапкою з комою (;). Ось деякі приклади:
- "<" представляє знак <.
- ">" представляє знак >.
- """ представляє знак ".
4. Коментарі. Коментарі в HTML мають наступний синтаксис:
Проблеми між відкриваючим роздільником розмітки ("<"!) і відкриваючим роздільником коментаря ("--") недопустимі, але їх можна використовувати між закриваючим роздільником коментаря ("--") і закриваючим роздільником розмітки (">"). Поширеною помилкою є включення рядка символів перенесення ("---") в коментар. Слід уникати використання в коментарях двох або більш за символи перенесення.
Інформація в коментарях не має спеціального значення (наприклад, посилання на символи не інтерпретуються).
Документ у форматі HTML 4.0 складається з трьох частин:
- рядка, що містить інформацію про версію HTML
- розділу заголовків (визначуваного елементом HEAD)
- тіла, яке включає власне утримуване документу. Тіло може вводитися елементом BODY або елементом FRAMESET.
Перед кожним елементом або після кожного елементу може знаходитися порожній простір (пропуски, перехід на новий рядок, табуляції і коментарі). Розділи 2 і 3 повинні відділятися елементом HTML.
Вот пример простого документа HTML:
4.0//EN" "http ://www.w 3.org/КОНЦЕРН/строгий
REC-html40/.дата">
<ГОЛОВА>
<ЗАГОЛОВОК>Мой первый документ HTML
<ТІЛО>
Привет, мир!
У документі HTML має бути оголошена використовувана в нім версія мови HTML. Оголошення типу документу вказує визначення типу документу (DTD), використовуване в цьому документі.
HTML 4.0 визначає три DTD, так що автори повинні включати у свої документи одне з наступних оголошень типів. Різниця між DTD полягає в підтримуваних ними елементах.
- HTML 4.0 Strict DTD (строге визначення) включає усі елементи і атрибути, що не є небажаними і що не використовуються в документах з кадрами. Для документів, що використовують це DTD, використовуйте таке оголошення типу документу :
"http ://www.w 3.org/TR/REC - html40/strict.dtd">
- HTML 4.0 Transitional DTD (перехідне визначення) включає усе, що включено в строге DTD, а також небажані елементи і атрибути (більшість з яких відноситься до візуального представлення). Для документів, що використовують це DTD, використовуйте таке оголошення типу документу :
"http ://www.w 3.org/TR/REC - html40/loose.dtd">
- HTML 4.0 Frameset DTD (визначення для кадрів) включає усе, що включено в перехідне DTD, а також кадри. Для документів, що використовують це DTD, використовуйте таке оголошення типу :
"http ://www.w 3.org/TR/REC - html40/frameset.dtd">
Після оголошення типу документу інша частина документу HTML міститься в елементі HTML. Таким чином, типовий документ HTML має таку структуру:
"http ://www.w 3.org/TR/REC - html40/strict.dtd">
..Тут йдуть заголовок, тіло і т.д..
Основні елементи HTML. Елемент HTML. Атрибути lang, dir. Елементи HEAD, TITLE. Атрибут title. Елементи META, LINK, BODY. Атрибути id, class.
Елемент HTML. Ідентифікує документ як що містить елементи HTML. Початковий тег - не обов'язковий. Кінцевий тег - не обов'язковий. Після оголошення типу документу частина документу HTML, що залишилася, міститься в цьому елементі. Усередині цього елементу можуть
знаходитися елементи HEAD і BODY для ділення документу на частини.
Атрибути, визначені для елементу, :
- lang. Цей атрибут вказує основну мову значень атрибутів елементів і текстового вмісту. За умовчанням значення цього атрибуту не встановлене. Приклади можливих значень : ru (російський), en (англійський) і так далі
- dir. Цей атрибут задає основний напрям нейтрального в сенсі напряму тексту і напрям таблиць. Можливі значення:
LTR: Зліва направо.
RTL: Справа наліво.
Ці атрибути використовуються в основному для допомоги пошуковим машинам, для допомоги програмам перевірки орфографії і тому подібне. Визначення цих атрибутів не є обов'язковим. Ці атрибути можуть бути встановлені і в інших елементах HTML.
Елемент HEAD. Містить інформацію про поточний документ, таку як заголовок, ключові слова, які можуть використовуватися пошуковими машинами, і інші дані, які не рахуються вмістом документу. Початковий тег - не обов'язковий. Кінцевий тег - не обов'язковий. Усередині цього елементу можуть знаходитися елементи TITLE, META, LINK, BASE і деякі інші.
Елемент TITLE. Означає назва документу, яка зазвичай відображується в заголовку вікна браузеру. Початковий тег - обов'язковий. Кінцевий тег - обов'язковий. За стандартом застосування цього елементу є обов'язковим. На практиці ця вимога виконується не завжди. Якщо цей елемент присутній в документі, він повинен міститися в розділі HEAD. Заголовки можуть включати комбінації символів (для символів зі
знаком наголосу, спеціальних символів і так далі), але не можуть містити іншої розмітки.
Елемент TITLE може мати атрибут, званий title. Цей атрибут встановлюється для практично усіх елементів HTML. Цей атрибут пропонує інформацію про елемент, для якого він встановлюється. Візуальні браузери часто відображують заголовок як підказку. Установка цього атрибуту для посилання дозволяє повідомити користувачів про природу пов'язаного ресурсу.
Вот образец заголовка документа:
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"g/TR/REC-html40/strict.dtd">
Интернет-технологии
... другие элементы заголовка...
... тело документа...
Елемент META.
Надає різні типи інформації, що не відображується, і інструкцій для браузеру. Це, зокрема, інформація про зміст сторінки, ключові слова, про автора, команди, що управляють, пошуковим роботам і так далі. Початковий тег: обов'язковий, Кінцевий тег: заборонений. Усі елементи META повинні розташовуватися в розділі HEAD.
META -тэги мають два можливі атрибути
-
-
Атрибут HTTP - EQUIV
META -тэги з атрибутом HTTP - EQUIV еквівалентні HTTP -заголовкам. Зазвичай вони управляють діями браузерів і можуть бути використані для вдосконалення інформації, що видається звичайними заголовками. Теги такої форми можуть дати такий же ефект, що і HTTP -заголовки, і на деяких серверах автоматично можуть бути переведені в справжні HTTP -заголовки.
Expires - дата застарівання. Управління кешуванням в HTTP/1.0. Якщо вказана дата пройшла, то черговий запит цього документу викликає повторний мережевий запит, а не підвантаження документу з кеша. Дата зі значенням "0" інтерпретується як "зараз". Таке значення примушує браузер кожного разу при запиті перевіряти - чи змінювався цей документ. Це, до речі відноситься і до прокси-агентам. Пошукові роботи можуть або
зовсім не індексувати такий документ, або постійно перевіряти його.
що еквівалентно HTTP -заголовку
Expires: Wed, 26 Feb 2012 08:21:57 GMT
Pragma - контроль кешування для HTTP/1.0. Значенням має бути "no-cache".
Content - Type - вказівка типу документу. Може бути розширено вказівкою кодування сторінки (charset).
Content - language - вказівка мови документу. Може використовуватися пошуковими машинами при індексуванні сторінок. Комбінація поля Accept - Language (посиланого браузером) з вмістом Content - language може бути умовою вибору сервером тієї або іншої мови.
Refresh - визначення затримки в секундах, після якої браузер автоматично оновлює документ. Додаткова можливість - автоматичне завантаження іншого документу.
що еквівалентно HTTP -заголовку
Refresh: 3; URL=com/page.phpl
Cache - Control - визначає дії кеша по відношенню до цього документу. Можливі значення:
- Public - документ кэшируется в доступних для усіх кешах
- Private - тільки в приватному кеші
- no - cache - не може бути кэширован
- no - store - може бути кэширован, але не зберігається
Атрибут NAME
META -тэги з атрибутом NAME використовуються у випадках, коли поля не співвідносяться з HTTP -заголовками.
Robots - управління індексацією сторінки для пошукових роботів.
Можливі значення:
- index - індексувати цю сторінку
- follow - індексувати сторінки, на які є посилання з цій сторінці
- all - еквівалентно двом попереднім через кому
- noindex - не індексувати сторінку, але йти по посиланнях
- nofollow - індексувати, але не йти по посиланнях
- none - еквівалентно двом попереднім через кому
За умовчанням CONTENT="index, follow".
Description - коротка анотація змісту документу. Використовується пошуковими системами для опису документу. Довжина тексту до 100 символів.
Keywords - використовується пошуковими системами для індексування документу. Довжина списку до 1000 символів. Не допускається використання одного і того ж ключового слова більше 7 разів, пошукові системи
просто ігноруватимуть це слово.
Document - state - управління індексацією сторінки для пошукових роботів. Визначає частоту індексації - або один раз індексувати, або реиндексировать документ регулярно.
Можливі значення:
Author - звичайне ім'я автора, формат довільний.
Generator - звичайна назва і версія редактора, за допомогою якого створена ця сторінка.
Copyright - звичайний опис авторських прав на документ в довільному форматі
Елемент LINK.
Надає документу незалежний від середовища метод визначення відношення цього документу до інших документів і ресурсів Мережі. За допомогою елементу LINK можна:
- створювати в документі спеціальні навігаційні кнопки або меню
- управляти процесом відображення набору HTML файлів в друкарські документи
- прив'язувати такі асоційовані ресурси, як таблиці стилів і скрипти
- надавати альтернативні форми для цього документу
Початковий тег: обов'язковий, Кінцевий тег: заборонений. Усі елементи LINK повинні розташовуватися в розділі HEAD.
Серед атрибутів, визначених для цього елементу, найважливішими є:
- rel - визначає тип прямого зв'язку
- rev - визначає тип зворотного зв'язку
- href - визначає URI пов'язаного ресурсу
- type - рекомендований тип вмісту.
Атрибути rel і rev можуть набувати значень:
- Alternate - означає альтернативні версії документу, в якому знаходиться посилання.
- Stylesheet - означає зовнішню таблицю стилів.
- Start - означає перший документ в наборі. Цей тип посилання повідомляє пошукові машини про те, який документ автор вважає початком набору.
- Next - означає наступний документ в лінійній послідовності документів.
- Prev - означає попередній документ у впорядкованій серії документів.
- Contents - означає документ, що служить змістом.
- Index - означає документ, що є покажчиком поточного документу.
- Glossary - означає документ - глосарій термінів, що відносяться до поточного документу.
- Copyright - означає зауваження про авторське право для поточного документу.
- Chapter - означає документ, що є главою в наборі документів.
- Section - означає документ, що є розділом в наборі документів.
- Subsection - означає документ, що є підрозділом в наборі документів.
- Appendix - означає документ, що є застосуванням в наборі документів.
- Help - означає документ, що містить довідку (детальніша інформація, посилання на інші інформаційні ресурси і так далі)
- Bookmark - означає закладку.
Приклад використання цього елементу:
<ГОЛОВА>
<ЗАГОЛОВОК>Глава 4
<Заголовок="Початку" ЄДНАЛЬНОГО rel="Первая страница руководства", type="текстовий/html" href="" onclick="return false">
початок com/керівництва/.php">
<"Індекс" ЄДНАЛЬНОГО rel=, type="текстовий/html" href="" onclick="return false">
<ЄДНАЛЬНИЙ rel=, "Наступний" type="текстовий/html" href="" onclick="return false">
<ЄДНАЛЬНИЙ rel=, "Попередній" type="текстовий/html" href="" onclick="return false">
<Заголовок=допомоги ЄДНАЛЬНОГО rel="Страница помощи", type="текстовий/html" href="допомога.php">
ссылки на индекс, первую, следующую и предыдущую страницу, а также страницу помощи -->
<єднальний rel="stylesheet" type="текстовий/css" href="://де-небудь.керівництво com/керівництва/.css">
..продолжение документа..
Елемент BODY.
Визначає зміст документу. Початковий тег: не обов'язковий, Кінцевий тег: не обов'язковий.
Визначення найважливіших атрибутів :
background = uri. Небажаний. Значення цього атрибуту - URI, що вказує на зображення. Це зображення є фоном.
text = color. Цей атрибут встановлює колір тексту.
link color. Цей атрибут встановлює колір тексту гіпертекстових посилань, по яких перехід не був здійснений.
vlink color. Цей атрибут встановлює колір тексту посилань, по перехід був здійснений.
alink = color. Цей атрибут встановлює колір тексту посилань, коли вони вибрані користувачем.
Усі ці атрибути є небажаними, оскільки переважним є завдання представлення документу за допомогою таблиць стилів.
Все эти атрибуты являются нежелательными, так как предпочтительным является задание представления документа с помощью таблиц стилей.
Кроме этих атрибутов, элемент BODY и имеет множество атрибутов, общих для многих других элементов:
- id, class (идентификаторы в пределах документа)
- style (встроенная информация о стиле)
- bgcolor (цвет фона)
Рассмотрим атрибуты id и class.
Атрибут id назначает элементу уникальный идентификатор. Он имеет в HTML несколько ролей:
- Способ выбора таблицы стиля.
- Назначение цели (якорь) для гипертекстовых ссылок.
- Средство ссылки на определенный элемент сценария.
- Имя объявленного объекта OBJECT.
- В целях обработки агентами пользователей (например, для полей идентификации при извлечении данных из страниц HTML в базу данных, преобразовании документов HTML в другие форматы, в сценариях и т.д.).
Атрибут class, з іншого боку, призначає одне або декілька імен класів елементу; при цьому елемент може називатися таким, що належить до цих класів. Ім'я класу може використовуватися декількома екземплярами елементу. Атрибут class має в HTML декілька ролей:
- Спосіб вибору таблиці стилю (коли автор хоче призначити інформацію про стиль набору елементів).
- Для загальної обробки агентами користувачів
Наприклад: ..
означає привласнення елементу BODY унікального ідентифікатора з ім'ям myBody. Цей ідентифікатор може потім використовуватися в сценаріях. Також вказується, що до документу має бути клас info з таблиці стилів (помітимо, що розташування таблиці стилів може бути вказане за допомогою елементу LINK).
Елементи форматування тексту. Списки. Таблиці.
Існує досить багато елементів, призначених для форматування тексту документу. Це елементи B, BLOCKQUOTE, BR, Hx, HR, I, P, SUB, SUP і інші.
Елементи Hx (H1, H2, H3, H4, H5, H6). Визначають заголовки тексту. Всього існує 6 рівнів заголовків - від H1 (найбільш важливий, і, отже, найбільший заголовок) до H6 (найменш важливий і найменший заголовок). Початковий тег - обов'язковий. Кінцевий тег - обов'язковий. Для елементу немає специфічних атрибутів, визначені тільки загальні для більшості елементів атрибути - id, class, lang, dir, title і деякі інші.
Елемент P. Визначає параграф (абзац) тексту. Початковий тег - обов'язковий. Кінцевий тег - не обов'язковий. Для елементу немає специфічних атрибутів.
Елемент BR. Призначений для примусового переходу тексту на інший рядок. Початковий тег - обов'язковий, кінцевий тег - заборонений.
При відкритті тексту в браузері можна переконатися, що візуальна дія елементу BR не дорівнює дії елементу P.
Мова HTML пропонує авторам декілька механізмів створення списків інформації. У кожному списку має бути один або декілька елементів списків. Списки можуть містити:
- неврегульовану інформацію.
- Впорядковану інформацію.
- Визначення.
Елемент UL призначений для створення неврегульованих списків, елемент OL - для впорядкованих списків. Ці елементи повинні містити один або декілька елементів LI, що описують елементи списку. Відмінність впорядкованих і неврегульованих списків - тільки у візуальному представленні. Елементи впорядкованого списку нумеруються, а елементи неврегульованого списку відзначаються деяким маркером, вид якого залежить від використовуваного стилю. Для UL і OL наявність початкового і кінцевого тега обов'язкова. Для LI початковий тег обов'язковий, кінцевий - не обов'язковий. Для тегів визначені загальні атрибути і деякий набір небажаних атрибутів :
type = інформація про стиль. Цей атрибут встановлює стиль елементу списку. Доступные в настоящее время значения:
Type
|
Стиль нумерации
|
1
|
арабские цифры
|
1, 2, 3, ...
|
a
|
буквы нижнего регистра
|
a, b, c, ...
|
A
|
буквы верхнего регистра
|
A, B, C, ...
|
i
|
римские цифры в нижнем регистре
|
i, ii, iii, ...
|
I
|
римские цифры в верхнем регистре
|
I, II, III, ...
|
start = число. Тільки для OL. Цей атрибут задає початковий номер першого елементу у впорядкованому списку. За умовчанням початковий номер - "1". Хоча значенням цього атрибуту є ціле число, відповідна мітка може бути нецифрова. Якщо як стиль вибрані латинські букви верхнього регістра (A, B, C, ..), start=3 означає "C". Якщо як стиль вибрані римські цифри нижнього регістра, start=3 означає "iii" і так далі
value = число. Тільки для LI. Цей атрибут встановлює номер поточного елементу списку. Хоча значенням атрибуту є ціле число, відповідна мітка може бути нечислова (див. атрибут start).
compact. Якщо цей логічний атрибут встановлений, він повідомляє візуальних агентів користувачів про те, що генерувати список треба компактніше. Інтерпретація цього атрибуту залежить від агента користувача.
Описаний вище неврегульований список може бути представлений таким чином:
- Неврегульовану інформацію.
- Впорядковану інформацію.
- Визначення.
Визначення трохи відрізняються від розглянутих вище списків і створюються з використанням елементів DL, DT, DD.
summary="В этой таблице приводится некоторая статистика о фруктовых мухах: средняя высота и вес, процент мух с красными глазами (особей мужского и женского пола).">
Тестова таблиця із збідненими осередками
| | Средний |
Красные
глаза |
|---|
| высота | вес |
|---|
| мужской пол | 1.9 | 0.003 | 40% |
|---|
| женский пол | 1.7 | 0.002 | 43% |
|---|
Візуальне представлення цієї таблиці буде наступним:
Елемент
TABLE створює таблицю. Початковий тег - обов'язковий. Кінцевий тег - обов'язковий. Усі інші елементи таблиці повинні знаходитися усередині цього елементу. Для цього елементу визначена безліч атрибутів. З них найважливішими є:
- align - вирівнювання таблиці відносно документу. Можливі значення: center, left, right
- border - товщина рамки в пікселях. Якщо атрибут не вказаний, то таблиця виводиться без видимої рамки
- bordercolor - колір рамки
- cellspacing - задає відстань між елементами таблиці
- cellpadding - задає відстань між вмістом осередку і її рамкою
- rules - описує рамки навколо таблиці. Може набувати наступних значень
-
all
|
Отображает все части рамки внутри таблицы
|
cols
|
Отображает все вертикальные рамки внутри таблицы
|
groups
|
Отображает горизонтальные части рамки между группами таблицы THEAD, TBODY, TFOOT
|
none
|
Удаляет все рамки вокруг таблицы
|
rows
|
Отображает все горизонтальные рамки внутри таблицы
|
- summary - коротка інформація про призначення і структуру таблиці для агентів користувачів, що виконують генерацію для невізуальних засобів
- width - ширина таблиці у відсотках або пікселях. Якщо значення вказане у відсотках, це означає долю у відсотках від доступного горизонтального простору.
Елемент CAPTION визначає заголовок таблиці. Він повинен розташовуватися безпосередньо після початкового тега елементу TABLE і може зустрічатися в таблиці тільки один раз. Початковий тег - обов'язковий. Кінцевий тег - обов'язковий.
Рядки таблиці можуть групуватися в заголовки, нижні заголовки і один або декілька розділів тіла таблиці за допомогою елементів THEAD, TFOOT і TBODY відповідно. Заголовки таблиці повинні містити інформацію про стовпці таблиці. Тіло таблиці повинне містити рядки даних таблиці.
Якщо елементи
THEAD, TFOOT і TBODY присутні, кожен з них містить групу рядків. Кожна група рядків повинна містити принаймні один рядок, визначуваний елементом TR. Елементи TR служать контейнерами для рядка елементів таблиці.
У прикладі показаний порядок і структура заголовків таблиці, нижніх заголовків і тел.
...заголовок...
...нижний заголовок...
...первая строка данных блока 1...
...вторая строка данных блока 1...
...первая строка данных блока 2...
...вторая строка данных блока 2...
...третья строка данных блока 2...
Елемент
TFOOT повинен розташовуватися до елементу
TBODY у визначенні
TABLE, щоб агенти користувачів могли генерувати нижній заголовок до отримання усіх (можливо, численних) рядків даних. Нижче наводиться зведення обов'язкових тегів і тегів, які можна опустити, :
- Початковий тег TBODY завжди обов'язковий, якщо тільки таблиця не містить єдиного тіла без верхніх і нижніх заголовків. Кінцевий тег TBODY завжди можна опускати.
- Початкові теги для елементів THEAD і TFOOT обов'язкові, якщо в таблиці присутні верхній і нижній заголовки, але відповідні кінцеві теги можна опускати.
Розділи
THEAD, TFOOT і TBODY повинні містити однакове число стовпців.
Кожен рядок таблиці (описана елементом TR) містить одну або декілька елементів таблиці. Елементи таблиці описуються елементами TH і TD. При цьому TH використовується для опису осередків заголовка, а TD - для опису осередків даних, що знаходяться в тілі таблиці. Для цих елементів початковий тег - обов'язковий, кінцевий - не обов'язковий. Серед безлічі атрибутів, визначених для осередків, найбільш
важливими є: rowspan = число. Цей атрибут визначає число рядків, об'єднаних поточним осередком. За умовчанням використовується значення один ("1"). Значення нуль ("0") означає, що осередок об'єднує усі рядки від поточної до останнього рядка таблиці.
colspan = число. Цей атрибут визначає число стовпців, об'єднаних поточним осередком. За умовчанням використовується значення один ("1"). Значення нуль ("0") означає, що осередок об'єднує усі стовпці від поточного до останнього стовпця таблиці.
Наведемо приклад складної таблиці, в якій деякі осередки об'єднані, :
Зовнішній вигляд таблиці буде наступним:
-
Тут об'єднано дві клітинки по вертикалі. Для цього використовувався атрибут rowspan. Для об'єднання осередків в рядку (осередки 7 -9) використовувався атрибут colspan.
У цьому ж прикладі показано застосування символу нерозривного прикладу , який часто застосовується, якщо вимагається зберегти форматування таблиці за відсутності вмісту в осередку.
Окрім цих атрибутів, часто використовуються атрибути вирівнювання вмісту осередків
- align - вирівнює текст в осередку
- left - по лівому краю (за умовчанням)
- rigth - по правому краю
- center - по центру
- justify - по ширині.
- valign - вирівнює текст в осередку по вертикалі
- top - по верхньому краю
- middle - по центру
- bottom - по нижньому краю
- baseline - по базовій лінії.
Ці ж атрибути можуть використовуватися в елементі TR. У такому разі вони діють на усі осередки рядка.
Посилання. Зображення. Об'єкти Посилання зв'язують один ресурс Інтернету з іншим. Посилання має два кінці - званих якорями - і напрям. Посилання починається в "початковому" якорі (джерелі) і вказує на "цільовий" якір, який може бути будь-яким ресурсом Web (наприклад, зображенням, відеокліпом, звуковим файлом, програмою, документом HTML, елементом в документі HTML і так далі). За умовчанням з посиланням пов'язано завантаження іншого ресурсу Web. Ця поведінка досягається зазвичай шляхом вибору посилання (наприклад, за допомогою клацання миші, введення з клавіатури і так далі).
Для визначення якорів використовується елемент A. Початковий тег - обов'язковий. Кінцевий тег - обов'язковий. Посилання і якорі, визначувані елементом A, не можуть бути вкладеними; елемент A не повинен містити інших елементів A. Має безліч атрибутів, серед яких найважливішими є, :
name - дає якорю ім'я, так що він може служити метою іншого посилання. Значенням цього атрибуту має бути унікальне ім'я. Зона дії імені - поточний документ.
href - визначає місце розташування ресурсу Web, визначаючи зв'язок між поточним елементом (початковим якорем) і цільовим якорем, визначуваним цим атрибутом.
Кожен елемент A визначає якір:
- Вміст елементу A визначає положення якоря.
- Атрибут name задає ім'я якоря, так що він може служити пунктом призначення будь-якого числа посилань.
- Атрибут href призначає якір пунктом призначення рівно одного посилання.
У наступному HTML -фрагменте міститься два посилання, у однієї цільовим anchor являється документ HTML з ім'ям "chapter 2.php", а у другої цільовий anchor - зображення у форматі GIF, розташоване у файлі "forest.gif":
..якийсь текст..
Детальніше за см в главі два.
См також карту лісу.
Визначивши якір, ми можемо зв'язати його з цим же або з іншим документом. URI, що призначають якір, включають символ "#", за яким слідує ім'я якоря (ідентифікатор фрагмента). Ось декілька прикладів таких URI :
- Абсолютний URI: pany.com/one.phpl#anchor - one
- Відносний URI: ./one.phpl#anchor - one або one.phpl#anchor - one
- Якщо посилання визначене в тому ж документі: #anchor - one
Ось приклад визначення і використання якорів усередині одного документу:
