Мови розмітки документів загальні відомості. Як можна вивчити мову розмітки HTML

Будь-який документ має три складові:

· Структуру;

Зміст – це відомості, які відображені в документі. Зміст документа на папері може бути суто текстовим, а також містити зображення. Якщо документ представлений в електронному вигляді, він може містити мультимедійні дані, а також посилання на інші документи. Хоча зміст різних документів по-різному, їх можна класифікувати за типами, наприклад, книга або залізничний квиток.

Стиль документа визначає форму виведення його змісту той чи інший пристрій (наприклад, принтер чи дисплей). У поняття стиль входять характеристики шрифту (найменування, розмір, колір) всього документа, що виводиться, або окремих його блоків, порядок розбивки на сторінки, розташування блоків на сторінках та інші параметри. Один і той же документ може виводитися різними стилями як на різні носії, так і на той самий носій.

Мови розмітки документів є штучними мовами, призначеними для опису структури документа та відносин між різними об'єктами структури. Ці розмітки називаються також метаданими.

Першою мовою розмітки є мова GML (Generalized Markup Language – узагальнена мова розмітки), розроблена співробітниками фірми IBM ще у 60-х роках минулого століття. Його безпосереднім спадкоємцем стала мова SGML (Standard Generalized Markup Language – стандартна узагальнена мова розмітки), яка визначає правила запису елементів розмітки документа. Документ, який відповідає правилам мови, називається документом SGML.

Мова SGML визначена в стандарті ISO 8879, в якому визначаються такі основні вимоги до мови розмітки документів:

· Мова повинна бути доступна для читання людиною.

· Розмічені файли документів мають бути текстовими та кодуватись за допомогою символів коду ASCII (American Standard Code for Information Interchange – стандартного американського коду для інформаційної взаємодії). Однак зміст документа необов'язково повинен кодуватись символами ASCII або бути текстовим.

У мові SGML та подібних до неї мовах використовуються спеціальні інструменти розмітки документа:

· Елементи та супутні їм атрибути;

· сутності (entities);

· Коментарі.

Структурною одиницею документа SGML є елемент. У розміченому тексті кожен елемент має бути виділено певним чином. Виділення виконується вставкою початкового тега (від англійського слова tag – мітка) на початку елемента (start tag) та кінцевого тега (end tag) наприкінці елемента. Початковий та кінцевий теги мають однакові імена. Щоб відрізнити теги від звичайного тексту, вони повинні починатися з символу – ознаки початку тега та закінчуватися символом – ознакою закінчення тега. Крім того, у кінцевому тегу задається символ – ознака кінцевого тега. У SGML як такі ознаки можна задати будь-які символи, проте найчастіше як ознака початку тега використовується символ "<" (левая угловая скобка), в качестве признака окончания тега используется символ ">( ліва кутова дужка), а як ознака кінцевого тега – символ "/" (похила риса). Елементи в документі SGML можуть укладати в собі інші елементи, в результаті чого в графічному поданні документ SGML є ієрархічною (древоподібною) структурою.

Приклад 4.3.1. Документ SGML, що задає список студентів з результатами їх екзаменаційної сесії, можна задати таким чином:

Іванов Іван Іванович

ТС-61

A

B

B

B

Петров Петро Петрович

ТС-62

C

C

D

C

У цьому документі першим елементом є елемент student-list (список студентів). Цей елемент містить у собі один елемент title (назва) та кілька елементів student (дані про студента). У свою чергу, кожен елемент student містить один елемент full-name (прізвище, ім'я та по батькові студента), один елемент group-number (номер групи) і один елемент mark-list (список оцінок студента в сесії). І, нарешті, елемент mark-list містить кілька елементів mark (оцінка).

Графічне уявлення цього списку на рис. 4.3.1 має деревоподібну структуру:

Мал. 4.3.1. Структура документа SGML у графічному поданні

Для уточнення елементів SGML можна використовувати атрибути. Атрибути записуються в початковому тегу елемента у такому вигляді:

ім'я-атрибута = "значення-атрибута".

Для елемента може бути задано кілька атрибутів. Атрибути відокремлюються один від одного та імені елемента, принаймні, одним пропуском.

Приклад 4.3.2. Для елементів mark у прикладі 4.3.1 можна задати атрибут subject, значенням якого є найменування дисципліни, за якою складався іспит. Тоді для першого студента елементи набудуть наступного вигляду:

A

B

B

B

У мовах, як SGML, для роботи з групами даних застосовуються сутності (entities). Сутністю є будь-які іменовані дані, як текстові, і нетекстовые. Під час перегляду документа ім'я сутності замінюється на її значення. Так, наприклад, ім'я текстової сутності kpi буде замінено на її значення: Київський політехнічний інститут, а нетекстова сутність image1 буде замінена зображенням з ім'ям image1.

Мова розмітки HTML

На сьогодні існує безліч технологій створення Web-сторінок, без яких не може обійтися Web-майстер. Але основою розробки документів Web є, звісно, ​​мова гіпертекстової розмітки HTML.

HTML - це, перш за все, мова розмітки, і код, написаний на ньому, виконується на комп'ютері клієнта у програмі Web-браузера. З цим пов'язана його відносна простота та легкість освоєння.

Навіщо потрібна мова розмітки?

Коли ви створюєте звичайний документ у програмі текстового процесора, ви легко можете виконувати форматування документа, наприклад, для символів встановити курсив або напівжирний шрифт, абзацу присвоїти стиль заголовка або звичайного тексту і т.д. Те, що ви робите з документом на екрані монітора, у тому ж вигляді переноситься на папір під час друку на принтері.

Чи вибираєте опцію з випадаючих меню або даєте клавішну команду, ви відразу бачите на екрані результат ваших зусиль. Проте конкретні команди, які реалізують відображення документа на екрані чи папері, будуть приховані від вас.

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

Ідея вирішення проблеми обміну документами між різними комп'ютерами та програмами через Internet заснована на мові розмітки гіпертексту HTML (HyperText Markup Language). Ця мова була створена понад 15 років тому як стандарт оформлення документів і була прийнята переважною більшістю користувачів Internet, а головне - всіма виробниками програмного забезпечення та обладнання для Web. Документи, розмічені згідно з HTML, можуть читатися на будь-якому комп'ютері, на якому встановлена ​​лише одна програма перегляду таких документів - браузер.

Завдяки мові розмітки HTML, клієнт Web може на екрані свого комп'ютера переглянути документ у тому вигляді, в якому його задумав розробник: з певними розмірами шрифту та розбивкою на абзаци, з певним розташуванням малюнків, гіперпосилань та інше.

Текстовий документ, складений на HTML, має розмір у байтах у кілька разів менший, ніж розмір аналогічного документа, підготовленого у текстовому процесорі (наприклад, Word).

В основу мови Бернерс-Лі (розробник) поклав мову SGML і прийоми роботи з гіпертекстом, з чим і пов'язана назва створеної ним мови - HTML. Нова мова використовувала основні конструкції SGML для опису документів та гіпертекстових посилань.

Гіпертекст- це спосіб організації тексту, графіки та інших даних, у якому елементи даних пов'язані між собою. Пов'язаними може бути як елементи одного документа, і елементи різних документів. Гіпертекстова структура є основою World Wide Web.

Гіпертексти є електронні документи. З гіпертекстами можна працювати лише на комп'ютері, у друкованому вигляді гіпертексти не існують. Прикладом гіпертекстової системи може бути відома довідкова система Windows.

Зв'язкиу гіпертекстовій структурі здійснюються за допомогою посилань.Завдяки посиланням користувач може з одного документа викликати інший документ, з нього наступний документ і т.д.

У 1989 р. Бернерс-Лі розробив інформаційну систему, що нагадує путін документів, пов'язаних посиланнями. Документи зберігаються на серверах, які розміщуються в усьому світі і з'єднані між собою каналами Інтернету. Він розробив протокол HTTP - мова, якою сервери повинні обмінюватися гіпертекстовими документами, і написав перші програми Web-сервера та браузера. Він звернувся безпосередньо до Інтернет-спільноти, і ентузіасти в 1991 почали створювати перші вузли Web.

У наступні роки система World Wide Web швидко розвивалася, вона стала найпопулярнішою службою в Інтернеті. В даний час вона задовольняє потреби в інформації найширших верств користувачів, включаючи до складу мільйони вузлів Web. На великих вузлах розміщуються тисячі та сотні тисяч документів, причому загальна кількість документів у WWW з кожною секундою збільшується, оскільки над їх створенням працює величезна армія фахівців та аматорів у різних куточках земної кулі.

World Wide Webабо скорочено Web - це глобальна система поширення гіпертекстової інформації, яка використовує як канали транспортування Інтернет.

Фактично World Wide Web – це гіпертекстовий простір документів, який не пов'язаний із географією розміщення самих Web-вузлів. Тому в цьому просторі фізична відстань між вузлами не має сенсу. Ви можете на екрані монітора однаково переглядати Web-сторінки, що зберігаються як на диску комп'ютера в сусідній кімнаті, так і на сервері, розташованому в іншій країні.

World Wide Web функціонує за певними стандартами, які розробляються та впроваджуються об'єднанням дослідницьких та промислових організацій – консорціумом W3C(Скорочення від World Wide Web Consortium). .

Мова розмітки HTML була заснована мовою SGML. Кошти розмітки абзаців, заголовків, списків та інші елементи наявні в HTML були передбачені і в SGML. Заслуга винахідника HTML у тому, що він увів у мову розмітки те, чого був SGML - це гіпертекстові посилання.

Привіт, любий читачу. Настав час розповісти про мова розмітки HTML, за допомогою якого створено абсолютно всі сайти Інтернету - і російського, і буржуазного, і навіть китайського. Але це не мова програмування, як вважають деякі, а мова розмітки гіпертексту.

Нагадаю, що гіпертекстом називають текст, у якому є посилання на інші сторінки та документи. Мова розмітки показує, де і як повинен бути розміщений якийсь елемент тексту, наприклад, абзац, заголовок, список та ін. за розвантаження коду сторінок.

Крім CSS html може бути доповнений функціями мов програмування PHP та JavaScript, що надають сторінкам інтерактивність, тобто. здатність реагувати на події користувача.
За допомогою всіх цих інструментів можна будь-якої складності і будь-якої функціональності. Сама ж мова HTML відповідає лише за розмітку

Веб-сторінка зсередини

Це мій текст

У цьому наведеному коді ти бачиш команди- теги, які іноді називають дескрипторами. Вони поміщені в кутові дужки. Теги здебільшого парні. Відкриваючий<>і закриває, зі слешем попереду. Весь код мови розмітки html є вкладеним один в одного, і нагадує як би «матрьошку», де один контейнер вкладений в інший.

На малюнку нижче показано розшифрування цього коду:

А ось як виглядає ця ж сторінка у браузері Mozilla Firefox. Я показав, де відображається текст заголовка Titleта текст тега Body

Як створити html-сторінку

Для наочності скопіюй текст з тегами, що знаходяться вище, в будь-який текстовий редактор, наприклад, блокнот і збережи його на робочий стіл. Натисніть праву кнопку і виберіть «перейменувати». Замість розширення.txt, як у звичайного текстового файлу, вкажи розширення.html або .htm. Значок блокнота зміниться на значок браузера, клацнувши по якому ти побачиш свою першу веб-сторінку.

Якщо розширення не відображається, тоді потрібно зробити наступне.

Знайти на комп'ютері: Оформлення та персоналізація - Параметри папок - Вид.

Показувати розширення файлів завжди корисно, щоб зловмисники не могли розраховувати, що ви відкриєте файл із заразою типу «подарунок.jpg», який насправді буде «подарунком.jpg.exe». Дуже легко без розширення, яке Віндос приховує за замовчуванням, прийняти файл «зловреда», що запускає, з прихованим розширенням.EXE за звичайну картинку.

Дивись відео зі створення HTML-сторінок

Програми для створення HTML-сторінок

Писати код гіпертекстової розмітки Html вручну без досвіду може здатися тяжким випробуванням на уважність та витривалість. Але повір мені, що тільки таким чином закріпивши свої навички, ти зможеш з гордістю називати себе вебмайстром.

Для інтелектуального контролю над написанням html коду вручну існує безліч програм із підсвічуванням коду. Серед любителів-розробників найбільш популярні Notepad++, PHP Designer, Dreamweaver

Останні дві програми платні, але старі версії, які нічим не гірші за нові, можна знайти в мережі безкоштовно і легально використовувати для своїх потреб. Dreamweaverє візуальним редактором. Він сам перетворює твій текст із оформленням на код. У жодному разі ти не пошкодуєш, що познайомишся з цим інструментом.

Навіщо тоді вчитися писати код вручну? Справа все в тому, що будь-які візуальні редактори, навіть редактор, вбудований в Вордпрес, генерують іноді стільки сміттєвого власного коду, що сторінки важать у багато разів більше написаних за допомогою голови та рук. Та якщо ще врахувати, що пошукові системи зараз звертають увагу на чистоту коду, тоді мимоволі замислишся про вивчення Html, щоб контролювати весь процес.

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

Що таке браузер насправді

Багато людей вважають, що браузер призначений для пошуку сайтів в інтернеті, що це його призначення. Таким чином, у розумінні користувача ПК створюється помилкова думка про призначення браузера. Насправді ж, браузер – це програма для інтерпретації HTML-коду, CSS-коду, JS-коду та ін. Іншими словами – це прикладний програмний засіб для відображення веб-сторінок та інших документів.

Можливості сучасних браузерів по-справжньому великі. Адже веб-сторінки містять графіку, відео та тексти різних форматів. Браузер читає HTML-код, бачить впроваджений туди відеоматеріал, графічний і текстовий код і правильно все це відображає на екранах пристроїв. У цьому йому допомагають теги, ці звичайні англійські слова у кутових дужках<>.

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

Мова розмітки HTML та основні теги

Ця таблиця наведена з метою показати лише основні дескриптори.

У сучасній версії HTML5 разом із новими тегами з'явилася величезна кількість нових можливостей, які й не снилося розробникам сайтів ще 10 років тому.

Стилі у html-документі

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

CSS є стильовим доповненням до мови HTML і без нього не існує.

Стилі в Html впроваджуються так:

Head>

Якщо ж застосовується зовнішній файл стилів styles.css,то він підключається до документа html так:

Приклад запису CSS-правил:

p (color: black; font: x-small).

Говорить браузеру, що колір абзацу

чорний- black, а шрифт має розмір x-small(дрібний)

Ось як, наприклад, я ставлю стиль змісту на початку кожної статті цього блогу.

Anons
(border: 2px outset green;
border-radius: 10px;
width: 360;
font-family: "Yeseva+One";
font-size: 16px;
line-height: 1.2em;padding:10px 10px 10px 20px;
margin:10px auto 20px;
text-align: left;
background-color: #a7cece;
}

в останньому рядку є цікавий фрагмент: background-color: #a7cece;

#a7cece –це html-колір. За допомогою набору символів HEX – шістнадцяткової системи: цифр від 0 до 9 і букв від A до F можна задати абсолютно будь-який колір. Тут заданий симпатичний аквамариновий.

До теми CSS ще повернуся в окремих публікаціях.

Як можна вивчити мову розмітки HTML

• У Мережі повно довідників з HTML (ХТМЛ). Мені подобається сайт http://htmlbook.ru. Я часто звертаюся сюди за довідковим матеріалом. Рекомендую для заощадження часу.
• Андрія Бернацького. Ознайомся обов'язково!
• Мені подобається книжка від американських авторів. Це захоплюючий підручник-самовчитель мови HTML/CSSз такою класною подачею матеріалу, що читатимеш, не відриваючись. Все розказано просто та зрозуміло. Її можна завантажити безкоштовно в мережі, але краще купити та попрацювати з нею як із книгою.

Найкращий спосіб освоїти мову розмітки HTML (хтмл) – це завантажити найвідоміші навчальні курси в рунеті, до того ж деякі з них абсолютно безкоштовні. Заходь на сайт Попова Євгена та завантажуй тонни корисної навчальної інформації. Для професійної підготовки прочитай інформацію.

У системах обробки текстів у документ включається додаткова інформація, яка називається розміткоюі виконує такі функції:

• виділення логічних елементів цього документа;
• Завдання функцій обробки виділених елементів.

У звичайних текстових процесорах існують вбудовані команди увімкнення/вимкнення шрифтів та інше, аналогічні командам керування розміщенням інформації на екрані або під час друку (так звані Есар послідовності). Такий підхід називається командноїабо процедурною розміткою.

Альтернативний спосіб розмітки полягає у виділенні частини тексту без зазначення способу обробки виділення. Потім інші команди призначають фрагментам спосіб обробки. Така розмітка називається описовою(Дескриптивний). Вона включає мітки (tags, теги) початку та закінчення елемента тексту та вказує, як інтерпретувати цей фрагмент.

Змінюючи набір процедур, що відповідає описовій розмітці, можна змінити зовнішнє подання одного й того самого документа. Розвиток ідей описової розмітки спричинило визначення розмітки як формальної мови. Це дозволяє перевірити правильність розмітки та мінімізувати її обсяг за рахунок встановлення значень за умовчанням.

Переваги

Основною перевагою описової розмітки є її гнучкість, оскільки фрагменти тексту відзначені як «чим вони є» (а не «як вони мають бути відображені»), причому в майбутньому може бути написане програмне забезпечення для такої обробки цих фрагментів, яка навіть не передбачалася розробниками мов . Наприклад, гіперпосилання HTML, спочатку призначені для навігації користувачами по сукупності зв'язків у мережі, надалі стали використовуватися також механізмами пошуку та індексування в мережі, для оцінки популярності ресурсів тощо.

Описова розмітка також полегшує завдання переформатування документа за потреби, оскільки опис формату пов'язаний із змістом. Наприклад, курсивможе використовуватися або виділення тексту, або позначки іноземних (або жаргонних) слів, або інших цілей. Однак, якщо слова просто виділені (дескриптивно або процедурно) як курсив, у цій двозначності не можна повністю розібратися. Якщо ці два випадки були по-різному розмічені на самому початку, кожен може бути переформатований незалежно від інших. Родовидова (generic markup) розмітка – інше найменування для описової розмітки.

Практично елементи різних класів розміток зазвичай співіснують у конкретній системі. Наприклад, HTML містить елементи розмітки, які є процедурними (Ь для напівжирного шрифту), так і інші, які є описовими («blockquote», або «href», - ознака). HTML також включає елемент PRE, який обмежує область тексту, яка буде розташована так, як надруковано.

Системи описової розмітки

Найсучасніші системи описової розмітки розглядають документи як ієрархічні структури (дерева), а також забезпечують деякі засоби для вбудованих перехресних посилань. Тому такі документи можуть трактуватися та оброблятися як бази данихструктура яких досить добре визначена (проте, оскільки вони не мають таких суворих схем, як реляційні бази даних, їх зазвичай називають «слабоструктурованими базами даних»).

З настанням 3 тисячоліття виник інтерес до документів неієрархічних структур. Наприклад, стародавня та релігійна література зазвичай має риторичну структуру або структуру прози (оповідання, розділ, параграф тощо), а також включає довідкову інформацію (книги, розділи, строфи, рядки). Так як межі цих модулів часто перетинаються, вони не можуть бути повністю закодовані з використанням системи розмітки з деревоподібною структурою. Серед систем моделювання документів, які підтримують такі структури, - MECS, TEI Guidelines, LMNL та CLIX.

Термін «розмітка» походить від традиційної практики розмітки рукописів перед публікацією (тобто додавання символічних команд на полях і між рядками паперового рукопису). Протягом багатьох століть це робили працівники видавництва (редактори та коректори), які відзначали, яким шрифтом, стилем і кеглем мають бути набрані фрагменти тексту, а потім передавали рукопис наборникам, які вручну здійснювали набір тексту з урахуванням символів розмітки.

В даний час існує безліч мов розмітки, серед найбільш широко відомих - DocBook, MathML, SVG, Open eVook, XBRL та інше В основному вони призначені для представлення різних текстових документів, але спеціалізовані мови можуть використовуватися в багатьох інших областях. Безумовно, найбільш добре відома мова розмітки HTML (мова розмітки гіпертексту), одна з основ WWW (Всесвітньої павутини).

Будь-який документ має три складові:

• зміст;
• структуру;
• стиль.

Зазвичай зміст документа подається не в довільному порядку, а має певнуструктуру . Структура - це склад і порядок прямування частин (блоків) документа.

Стиль документа визначає форму виведення його змісту той чи інший пристрій (наприклад, принтер чи дисплей). У поняття стиль входять характеристики шрифту (найменування, розмір, колір) всього документа, що виводиться, або окремих його блоків, порядок розбивки на сторінки, розташування блоків на сторінках та інші параметри.

Мови розмітки документівє штучними мовами, призначеними для опису структури документа та відносин між різними об'єктами структури. Дані розмітки називаються такожметаданими.

Першою мовою розмітки ємова GML .Його безпосереднім спадкоємцем ставмова SGML стандартна узагальнена мова розмітки, що визначає правила запису елементів розмітки документа.

вимоги до мови розмітки документів:

1. Мова має бути доступною для читання людиною.
2. Розмічені файли документів мають бути текстовими та кодуватися за допомогою символів коду ASCII
3. У мові можна використовувати посилання як у внутрішні ресурси (у тому документі), і зовнішні ресурси (в інших документах).

У мові SGML та подібними до нього мовами використовуються спеціальні інструменти розмітки документа:

• структури документа;
• дескриптори або елементи та супутні їм атрибути;
• сутності (entities);
• коментарі.

Документи SGML мають деревоподібну структуру.

Дескриптори у SGML розміщуються на початку (що відкриває дескриптор) і в кінці (закриває дескриптор) кожногоелемента (item).

Атрибути Це прості символьні конструкції ( items ), які додаються до елементів для надання їм уточнення дії дескрипторів.

Мови узагальненої розмітки, подібні SGML , допускають використання атрибутів, з якими можуть бути співвіднесені до 15 різних типів значень, у тому числі:

• Посилання на будь-які ресурси, що знаходяться поза документом, на які зазвичай посилаються як на сутність ( entities).
• Унікальний ідентифікатор ( ID ) елемента у документі.
• Вказівники ідентифікаторів ( ID Pointers ), які мають перехресні посилання для тих елементів, які мають ID , згадані у документі.
• Позначення або атрибути елементів, які визначають позначення змісту елемента.
• Символьні дані ( character data ), або CDATA , що являють собою будь-які допустимі символи, які не можуть виступати як значення атрибутів.

Коментарі дозволяють додати інформацію, яка не буде видно після обробки документа. Коментарі не впливають на швидкість обробки документа, не розглядаються та не обробляються як частина змісту SGML документа. Вони просто входять у вихідний текст.

Для перевірки відповідності документа розмітці заданого типу використовуються спеціальні програми |аналізатори (Парсер). Аналізатори є окремими програмами, або частиною програми обробки документа SGML. Щоб аналізатор міг виконати перевірку документа, створюється спеціальний документ, що називаєтьсявизначенням типу документа

Мова HTML є додатком мови SGML для використання в Internet з фіксованою структурою, фіксованим набором елементів (дескрипторів) та їх атрибутів, а також фіксованим набором сутностей. розширена мова розмітки XML (Extensible Markup Language). Мова XML є підмножиною мови SGML повністю сумісний з ним.

Мова XML забезпечує широкий спектр функціональних можливостей, які відсутні в HTML

4 . 3 .2. Версії та розширення HTML та XML

Перша версія мови гіпертекстової розмітки HTML (HyperText Markup Language), так само, як і сама технологія Web, була розроблена Тімом Бернерсом Лі у 1991 р. Мова HTMLє реалізацією правил мови SGML для типу документів, які були названідокументами HTML. Мова задає фіксовану структуру, фіксований набір тегів та його атрибутів, і навіть фіксований набір сутностей. Програми обробки документів HTML називаються Web-браузерами . Результатом обробки документа є Web-сторінка , що відображається на екрані дисплея.

У 1994 р. група підтримки Інтернет IETF ( Internet Engineering Task Force) розробила специфікацію HTML 2.0, з якої почалося широке поширення мови HTML у мережі Internet . У тому ж році було створено консорціум W3C (World Wide Web Corporation), який об'єднав 165 комерційних та академічних організацій, розробників та користувачів (з моменту створення і досі цю організацію очолює Т.Б. Лі). Остання версія специфікації HTML HTML 4.01 була прийнята консорціумом у грудні 1999 р.

• Мова XML забезпечує широкий спектр функціональних можливостей, які відсутні у HTML

Остання версія специфікації мови XML XML 1.1 була прийнята в квітні 2004 року.

На основі мови XML концерн W3C розробив подальший розвиток мови HTML ¦ мова XHTML (Extended HTML розширений HTML). Перша версія цієї мови XHTML 1.0 була прийнята в січні 2000 р. Ця версія фактично являє собою переформулювання HTML 4 як програми XML 1.0. Передбачається, що подальший розвиток мови HTML буде здійснюватися відповідно до специфікацій XHTML.

Нова версія XHTML XHTML 1.1 була прийнята консорціумом W3C у травні 2001 р. Ця рекомендація визначають новий тип документа XHTML на основі модулів. Кожен модуль XHTML 1.1 містить один або кілька елементів та/або атрибутів мови HTML.

Відповідно до специфікації, документи XHTML 1.1 складається з наступних груп модулів XHTML :

Модулі ядра - це модулі, наявність яких необхідна в будь-якому типі документа, що відповідає специфікації XHTML (до цієї групи входять модулі Structure, Text, Hypertext і List).

Модуль Applet , що містить єдиний елемент< applet > (Цей елемент визнано застарілим і замість нього рекомендується використовувати елемент< object > ).

Модулі текстових розширень, у яких визначено різні додаткові модулі текстової розмітки (до цієї групи входять модулі Presentation, Edit і Bi-directional Text).

Модулі форм (до цієї групи входять модулі Basic Forms та Forms ).

Модулі таблиць (до цієї групи входять модулі Basic Tables та Tables).

Модуль Image , що надає базові можливості впровадження зображень (цей модуль також може незалежно використовуватися в деяких реалізаціях картками-зображеннями).

Модуль Client - side Image Map , що надає елементи для клієнтських карт-зображень (для функціонування цього модуля необхідно увімкнення модуля Image).

Модуль Object , що забезпечує підтримку включення об'єктів загального призначення.

Модуль Frames , що надає елементи, що належать до кадрів.

URL (за допомогою цього елемента обчислюються відносні URL-адреси документа).

Модуль Name Identification , що використовується для ідентифікації певних елементів у документах HTML.

Модуль Legacy , що визначає елементи та атрибути, які вже не рекомендувалися у попередніх версіях HTML та XHTML і не рекомендуються надалі.

4 . 3.3. Типи структур HTML та XHTML

Відповідно до специфікації HTML 4.01 для документів HTML визначено три структури , що описуються трьома DTD. Розробники Web -Сторінок повинні включати в свої документи одне з трьох оголошень типів. Різниця між DTD полягає у підтримуваних ними елементах. Оголошення DTD має розміщуватися на самому початку документа.

HTML 4.01 Strict DTD (Строго визначення) включає всі елементи та атрибути, які не є скасованими ( deprecated ) і які використовуються у документах з фреймами.

Визначення HTML 4.0 Transitional DTD (перехідне визначення) включає всі елементи, включені в суворому DTD , а також скасовані елементи та атрибути.

Визначення HTML 4.0 Frameset DTD (Визначення для кадрів) включає, крім елементів перехідного DTD, кадри.

Перший рядок документа HTML , визначеного відповідно до специфікації XHTML

Цей рядок визначає версію, що використовується XML та кодування символів документа. При кодуванні символів XML використовується двобайтовий код Unicode . Як значення параметра encoding найчастіше використовуються кодування UTF-8 , в якому значення перших 128 символів подаються в однобайтовому кодуванні, символи найбільш поширених мов (у тому числі російської та української) двома байтами, а решта символів трьома байтами. У кодуванні UTF -16 всі символи представляються двома байтами (це кодування рекомендується використовувати для російських та українських документів) HTML).