Засоби гіпертекстової розмітки

Гіпертекстова розмітка застосовується для вказівки, в якій частині екрану і яким чином має бути відображений текст і як пов'язані між собою тексти, що становлять гіпертекстову базу даних. З цими цілями в текст вводяться спеціальні символи, що управляють. Текст з символами, що управляють, зберігається в звичайному текстовому файлі в кодах ASCII і може бути оброблений практично будь-яким текстовим редактором.

Мова гіпертекстової розмітки HTML була запропонована Тімом Бернерсом-Ли в 1989г. До моменту створення створення HTML існував стандарт мови розмітки друкарських документів - SGML(Standart Generalised Markup Language), який і був взятий як основа HTML. Передбачалося, що таке рішення допоможе використати існуюче програмне забезпечення для інтерпретації нової мови.

В якості елементу гіпертекстової бази даних для HTML був вибраний звичайний текстовий файл, який зберігається засобами файлової системи операційного Середовища ЕОМ.

Таким чином, гіпертекстова база даних в концепції WWW - це набір текстових файлів, написаних на мові HTML, яка визначає:

- форму представлення інформації(розмітка);

- структуру зв'язків файлів між собою(гіпертекстові посилання).

Такий підхід припускає наявність ще однієї компоненти

технології - інтерпретатора мови. У WWW функції інтерпретатора розділені між сервером гіпертекстової бази даних і інтерфейсом користувача. Сервер, окрім доступу до документів і обробки гіпертекстових посилань, здійснює так само препроцесорну обробку документів, тоді, як інтерфейс користувача здійснює інтерпретацію конструкцій мови, пов'язаних з представленням інформації.

У 1990г. з'явилася нульова версія HTML 0.

Перша версія(HTML 1.0) була спрямована на представлення мови як такої, де опис його можливостей носив швидше рекомендаційний характер.

Друга версія(HTML 2.0) фіксувала практику використання конструкцій мови і стала стандартом для побудови WWW.

Версія HTML представляла нові можливості за уявленням наукової інформації і таблиць, поліпшення стилю компонування тексту і зображень.

Третя версія(HTML 3.0) упорядкувала усі нововведення і формалізувала інтерфейс користувача гіпертекстової розподіленої системи.

У 1996г. випущена нова версія мови: HTML 3.2,що включає засоби для створення таблиць, конструкції мови Java, карти- зображення(розташовані на машині-клієнтові) і нові типи форматування тексту.

HTML - це текстова мова, в якій інструкції по форматуванню, що називаються тегами(tags), вбудовані в текст документу.

Процес створення HTML - документу полягає у включенні тегів всередину неформатованого тексту, що несе інформаційне навантаження.

Теги HTML - це послідовності символів, що починаються знаком "менше"(<) і що закінчуються знаком "більше"(>).

Більшість функцій форматування в HTML специфікують логічні, а не фізичні стилі. Наприклад, теги заголовків, які зазвичай означають більший розмір букв, не вказують, який саме розмір потрібно використати. Браузер(який виконує роль клієнтської програми) вибирає розмір тексту для заголовків, звичайний, що перевищує. Цей підхід дозволяє позбавитися від платформи - документ, створений на Macintosh може бути використаний UNIX або Windows. Недоліком є те, що на різних платформах документ виглядає по-різному.

Браузери WWW при аналізі речень HTML працюють за наступними правилами:

- пропуски і інші "невидимі" символи ігноруються;

- усі теги можуть бути розділені на групи: базові теги, теги форматування, структурні теги, покажчики, і так далі;

- теги форматування можуть бути написані рядковими і/або прописними буквами;

більшість тегів форматування пишуться парами. Відкриваючий тег активує цей ефект, а що закриває - вимикає його. Пара тегів іноді називається контейнером, оскільки ефект, який вони включають і вимикають проявляється на тексті, розташованому усередині них. Наприклад, для того, щоб вказати, що рядок має бути надрукований жирними символами, потрібно написати: <У> Цей рядок буде надрукований жирним текстом </У>

- текст, що знаходиться усередині закриваючого тега, завжди упереджається символом "обернена коса риска". Серед базових тегів HTML виключенням з цього правила є: <BASE> (основна інформація) <BR> (кінець рядка) <HR> (горизонтальна лінійка)і <IMG> (зображення). Ці теги існують в одиничному екземплярі.

Кожен документ HTML має граничні теги: <HTML> і </HTML>. Ця пара тегів містить в собі усі інші теги Web - сторінки і увесь інформаційний зміст документу. Фактично вони декларують, що увесь вміст контейнера є кодом HTML. Тег <HTML> повинен розташовуватися в першому рядку файлу, а тег </HTML> - в останній.

Кожен HTML- документ містить заголовок документу і його тіло.

Заголовок документу ідентифікує документ. Він повинен йти відразу після тега <HTML> і починатися з <HEAD>. Закінчується заголовок тегом </HEAD>.

У заголовку документу обов'язково мають бути присутніми назва документу і його базова URL- адреса.

Назва документу розташовується між тегами <TITLE> і </TITLE>. Воно використовується браузером і Web- сервером. Довжина назви не повинна перевищувати 40 символів. Назва документу має бути інформативною, відбивати зміст документу, щоб його можна було ідентифікувати. Назва зустрічається в рядку заголовка Internet Explorer, в списках журналу(History) і "Обраних стрницах"(Favorites).

Базовий URL має бути повним(абсолютним) і містити протокол, адресу комп'ютера в Internet і ім'я файлу. Він вказується в тегу <BASE HREF = "базовый 1ЖЕ' Все інші Т J КТ./ у документі можуть вказуватися відносно базового. Наприклад, якщо базовий URL має адресу: http://www.microsoft.com/products/office/word/datasheets.html і необхідно вказати URL файлу features.html, розташованого в каталозі /products/office/excel на тому ж сервері, можна вказати:./excel/features.html, а не набирати повну адресу.

Символи./ вказують, що треба перейти на один рівень каталогів вверх відносно базової адреси.

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

Тіло документу містить увесь текст, що несе інформацію і усі теги HTML, використовувані для форматування тексту. Тіло документу починається відразу ж після заголовка і обмежується тегами <BODY> і </BODY>.

Приклад HTML- документу:

<HTML>

<HEAD>

<TITLE> Назва документу </TITLE>

<BASE HREF = "базовыйШи">

</HEAD>

<BODY>

</BODY>

</HTML>

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

- початок абзацу і кінець рядка

- стилі заголовків

- фізичні стилі -логические стилі

- списки

- спеціальні символи.

Гіпертекстові посилання складаються з двох частин: покажчика і URL. Покажчик - це текст, по якому користувач повинен клацнути для того, щоб кудись переміститися. URL вказує адресу, з якої браузер завантажуватиме документ, коли користувач клацне по покажчику.

Текстові покажчики в графічних браузерах зазвичай підкреслені і виділені кольором. У чисто текстових браузерах вони виділяються жирним шрифтом.

Як покажчик може використовуватися будь-який текст, незалежно від його розмірів і особливостей форматування. Покажчик може складатися з декількох букв, слів або навіть рядків тексту.

Формат покажчика:

<А HREF = "URL"> текст покажчика </А>,

де буква А в тегу <А HREF> означає покажчик(anchor), a HREF - гіпертекстове посилання(Hypertext REFerence). Все, що знаходиться між тегами <А HREF = "URL"> і </А> є текстом покажчика, який виводиться на екран підкресленим або жирним шрифтом.

Разом з гіпертекстовими покажчиками можуть бути використані інші форматуючі коди. Наприклад:

<А HREF = "URL' '> <1> Перехід до детальнішого викладу </1>

</А>

чи

<I> <А HREF = "URL' '> Перехід до детальнішого викладу </А> </1>

Детальніші відомості по засобах гіпертекстової розмітки приведені в [11].