Презентація на тему:
Ознайомлення з XHTML

Тема №11 Ознайомлення з XHTML

XHTML – ключові ідеї Найголовніше – XHTML – це HTML, приведений у відповідність до вимог XML. Звідси – вимоги формальної коректності і (принаймні, в принципі) – допустимості.

Версії XHTML XHTML 1.0 Transitional; XHTML 1.0 Strict; XHTML 1.0 Frameset; XHTML 1.1; XHTML Basic. Нові проекти – XHTML 2.0 та HTML 5/ XHTML 5.

Основні DTD XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset XHTML 1.1

Простір імен XHTML http://www.w3.org/1999/xhtml

Що це дає Можливість аналізу документів XHTML як будь-яких інших XML-документів. Зокрема, можливість використання DOM у клієнтських сценаріях. Технологія AJAX.

Простий приклад - початок function init() { var el = document.getElementById("el1"); el.innerHTML="Це мій файний текст"; }

Основний вміст сторінки прикладу А цей текст не менш файний, але вже не динамічний

Простий приклад з AJAX function changeText() { var el = document.getElementById("el1"); var oReq=new XMLHttpRequest(); oReq.open("get","fl",true); //Асинхронний запит oReq.send(null); var oData=oReq.responseText; el.innerHTML=oData; }

Основний вміст прикладу Це мій динамічний текст А цей текст не менш файний, але вже не динамічний

Особливості XHTML Базові вимоги формальної коректності та допустимості. Документ починається з заголовка. Включається оголошення DOCTYPE. Використовувати для імен елементів та атрибутів нижній регістр. Рекомендується вказувати кодування та мову (атрибут xml:lang). Використання CSS порівняно з звичайним XML спрощується, оскільки браузери знають, як відображати елементи за замовченням. MIME-типи: text/html для HTML-документів; application/xhtml+xml для XHTML.

Приклад непорозумінь з MIME-типами - початок function init() { alert("Descriptor is bar: "+document.getElementById("bar").tagName); document.getElementById("foo").innerHTML="It is the text for foo"; alert("bar: "+document.getElementById("bar").innerHTML); }

Основний вміст Paragraph named as bar.

Проблеми даного прикладу В залежності від MIME-типу – різні моделі DOM. Зокрема, в HTML-моделі імена дескрипторів повертаються у верхньому регістрі. HTML-аналізатор ігнорує завершальні слеші в дескрипторах.

Перевірка XHTML - інструментарій http://validator.w3.org