2. Размітка — основа кожної сторінки

HTML і XHTML є мовами розмітки, що складаються з елементів, які містять атрибути (деякі на вибір і деякі обов'язкові). Ці елементи використовуються для розмітки різних типів контенту документів, визначаючи, як кожний елемент контенту буде представлений у Web-браузерах Web (наприклад, заголовки, параграфи, таблиці, розмічені списки і т.д.)

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

Рис. 1. Структура элементу (X)HTML

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

Пам'ятаючи про це, подивимося в чому полягає розходження між HTML і XHTML.

2.1 Що таке xhtml?

Літера "X" в XHTML означає "розширюваний". Одне з найчастіших питань новачків звучить як "що я повинен використовувати HTML або XHTML, і в чому полягає розходження між ними?". По більшій частині вони роблять те саме, основне розходження складається в структурі. Основні розходження показані в Таблиці.

HTML	XHTML
Елементи і атрибути не розрізнюють регістр символів, <h1> еквівалентно <H1>.	Елементи і атрибути розрізнюють регістр символів; вони використовують символи нижнього регістру.
Деяким елементам не потрібен кінцевий тег (наприклад, параграфи, <p>), в той час як інші (що називаються"порожніми елементами") забороняють закриваючий тег (наприклад, зображення, <img>).	Всі елементи повинні бути явно закриті (наприклад, <p>Параграф</p>). Елементи без контенту можуть бути закриті за допомогою косої риски у початковому тегі (наприклад, <hr></hr> і <hr/> є еквивалентні). Якщо XHTML оброблюється як text/html, то необхідно використовувати скорочений синтаксис для всіх елементів, які визначені як "порожній" (http://www.cs.tut.fi/~jkorpela/html/empty.html#html), і ставити пробіл перед косою рискою. Необхідно використовувати довгу форму (з роздільними початковим і кінцевм тегами) для будь-якого елемента, не визначеного як порожній — навіть якщо він не має ніякого контента.
Деякі значення атрибутів можуть записуватися без лапок.	Значення атрибутів повинні бути взяті у лапки.
Для деяких атрибутів можливо використовувати скорочення (наприклад, <option selected>).	Для всіх атрибутів повинна використовуватися повна форма атрибутів (наприклад, <option selected="selected">)
Сервери повинні доставляти клієнту HTML с типом носія text/html	XHTML повинен використовувати тип носія application/xhtml+xml, але може використовувати application/xml, text/xml чи text/html. Якщо використовується text/html, то необхідно врахувати рекомендації сумісності HTML, оскільки браузери будуть інтерпретувати його як HTML (і використовувати відновлення помилок з врахуванням різниці між мовами).

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