Без темы
<<  Язык SQL Язык запросов  >>
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Язык XHTML
Структура XHTML-документов
Структура XHTML-документов
Структура XHTML-документов
Структура XHTML-документов
Структура XHTML-документов
Структура XHTML-документов
Структура XHTML-документов
Структура XHTML-документов
Образец XHTML-документа
Образец XHTML-документа
Отличия XHTML от HTML
Отличия XHTML от HTML
Значения атрибутов должны быть в кавычках
Значения атрибутов должны быть в кавычках
Необходимо наличие закрывающего тега
Необходимо наличие закрывающего тега
Необходимо наличие закрывающего тега
Необходимо наличие закрывающего тега
Необходимо корректно вкладывать элементы друг в друга
Необходимо корректно вкладывать элементы друг в друга
Необходимо корректно вкладывать элементы друг в друга
Необходимо корректно вкладывать элементы друг в друга
Назначение имен тегов и атрибутов зависит от регистра
Назначение имен тегов и атрибутов зависит от регистра
Требуется явно задавать значения атрибутов
Требуется явно задавать значения атрибутов
Включение сценариев и специальных символов в документы XHTML
Включение сценариев и специальных символов в документы XHTML
Проблемы использования XHTML
Проблемы использования XHTML
Проблемы использования XHTML
Проблемы использования XHTML
Проблемы использования XHTML
Проблемы использования XHTML
On-line validators
On-line validators
Литература
Литература

Презентация на тему: «Язык XHTML». Автор: pov. Файл: «Язык XHTML.ppt». Размер zip-архива: 103 КБ.

Язык XHTML

содержание презентации «Язык XHTML.ppt»
СлайдТекст
1 Язык XHTML

Язык XHTML

Игорь Квинт. HTML, XHTML и CSS на 100%, Глава 13.

2 Язык XHTML

Язык XHTML

Язык HTML версии 4.01 в основном поддерживается популярными браузерами Интернета, так что разработанные вами страницы будут корректно отображаться на экранах компьютеров большинства пользователей. Это большое достоинство HTML, появившееся в процессе эволюции версий языка и взглядов разработчиков браузеров на важность стандартизованного способа представления информации, размещаемой в Сети. Однако ничего не стоит на месте, и сейчас стали очевидными и недостатки HTML. С помощью этого языка вы не сможете адекватно воспроизвести химические или математические формулы, нотную запись, иероглифы. Он не позволит вам корректно отобразить информацию на таких портативных устройствах, как карманные компьютеры, смартфоны, устройства чтения электронных книг. Таким образом, развитие средств коммуникации и расширение типов информации, которую требуется по ним передать для анализа, воспроизведения и обработки, потребовали развития языка HTML. Именно эта задача и была решена с появлением языка XHTML.

3 Язык XHTML

Язык XHTML

В результате специалисты W3C избрали другой путь, более продуктивный и перспективный. Вместо создания новой версии языка HTML они предложили средство, с помощью которого разработчики могли бы определять и описывать собственные языки гипертекстовой разметки. Этим средством является метаязык XML (eXtensible Markup Language — расширяемый язык разметки), то есть специальный язык, служащий для определения и задания других языков гипертекстовой разметки. Термин «мета» как раз и означает его функцию: метаязыки — это языки, служащие для описания и определения новых языков.

4 Язык XHTML

Язык XHTML

Использование метаязыков в определении языков гипертекстовой разметки отнюдь не инновация W3C. Своим появлением на свет язык HTML обязан метаязыку SGML (Standard Generalized Markup Language — стандартный обобщенный язык разметки). В приложении D «HTML 4.01 DTD» на сайте W3C (www.w3.org) все конструкции языка HTML 4.01 описаны с помощью набора определений типа документа (DTD — Document Type Definition). Это набор специальных конструкций метаязыка SGML, описывающих язык HTML 4.01. На следующем этапе развития языка гипертекстовой разметки специалисты W3C создали метаязык XML и с помощью набора XML DTD — язык XHTML, наследующий возможности HTML 4.01, но с некоторыми уточнениями и усовершенствованиями. Язык XHTML обеспечивает поддержку всех средств HTML 4.01, применяя более жесткие правила XML DTD.

5 Язык XHTML

Язык XHTML

В настоящий момент имеется три типа DTD, используемых для определения языка XHTML. 1. Первый тип соответствует строгому применению правил XHTML DTD в данном документе. При этом запрещается использование всех тегов и атрибутов HTML, признанных устаревшими по разным причинам, например запрещены все атрибуты форматирования текста по причине их замены таблицами CSS. К числу последних относятся тег <font> и атрибут выравнивания align. Однако такое ограничение для многих просто неприемлемо, поскольку использование элементов этого типа стало для разработчиков привычкой, выработанной годами работы над HTML-документами.

6 Язык XHTML

Язык XHTML

2. Второй тип XHTML DTD называется переходным и включает в себя все нежелательные элементы HTML, чтобы разработчики веб-страниц могли постепенно перейти от старого к новому. Такой подход соответствует тенденциям в развитии браузеров, которые не спешат расставаться со старыми добрыми средствами создания веб-страниц с помощью пусть и устаревших, но привычных и надежных тегов HTML. 3. Третий тип DTD определяет работу с фреймами, в остальном он соответствует переходным XHTML DTD.

7 Структура XHTML-документов

Структура XHTML-документов

Чтобы XHTML-документ полностью отвечал требованиям строгих правил XHTML DTD, ему нужно указать, какой набор XML DTD был использован при его создании, версию применяемого языка XML, а также пространство имен документа. Вся эта информация помещается в начало документа в виде объявлений. Рассмотрим эти три компонента по порядку. В настоящее время существует две версии языка XML: 1.0 и 1.1. Их отличия в основном сводятся к более строгим требованиям к используемым в документах кодировкам символов, предъявляемым языком XML 1.1, что расширяет сферу применения соответствующих документов, например на мейнфреймах. Более широко применяется версия XML 1.0, поэтому использовать будем именно ее. Для объявления того, что вы используете в данном XHTML-документе язык XML версии 1.0, следует поместить в первой строке документа следующую строку: <?xml version="1.0" encoding="UTF-8" ?>

8 Структура XHTML-документов

Структура XHTML-документов

Теперь объявим набор DTD языка разметки XHTML: <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> В данном документе корневым элементом является html, а для его разработки использован набор XHTML DTD с публичным именем "//W3C//DTD XHTML 1.0 Strict//EN". Если браузер сумеет найти эти DTD по публичному имени, он будет использовать их, иначе он может применить набор XML DTD, хранимый в файле, который указан в URL вслед за публичным именем. В данном случае это документ по адресу http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd. Слово "strict" в названии файла означает «строгий», так что в данном документе использован строгий тип XHTML DTD. Указанный в адресе файл xhtml1-strict.dtd хранит все правила DTD, написанные на языке XML.

9 Структура XHTML-документов

Структура XHTML-документов

Если же вы намерены использовать переходной тип XHTML-документов, добавьте такое объявление: <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Для фреймовой версии XHTML DTD объявление таково: <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

10 Структура XHTML-документов

Структура XHTML-документов

Итак, мы объявили версию XML и набор XHTML DTD для создаваемого XHTML-документа. А что если нам требуется включить в свой документ некий фрагмент, содержащий разметку по правилам специально определенного набора DTD, например для воспроизведения нотной записи? Для этих целей в документах XHTML используется так называемое пространство имен. Пространство имен — это список имен всех тегов и атрибутов, которые применяются в XHTML-документе, подчиняющемся определенному набору правил XML DTD. С этой целью в правилах XML DTD всегда задается пространство имен, уникальное для каждого конкретного набора DTD. Соответственно, в XHTML DTD также определено стандартное пространство имен, которое должно быть хотя бы раз явно объявлено в документе XHTML. Обычно это делается с помощью атрибута xmlns тега <html>: <html xmlns="http://www.w3.org/TR/xhtml1">

11 Образец XHTML-документа

Образец XHTML-документа

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 transitional.dtd"> <html xmlns="http://www.w3.org/TR/xhtml1" xml:lang="en" lang="en"> <head> <title>Это наш первый XHTML-документ</title> </head> <body> ...Здесь находится содержимое документа... </body> </html>

12 Отличия XHTML от HTML

Отличия XHTML от HTML

Основным отличием документа XHTML от HTML 4.01 является жесткое требование к корректности документа с точки зрения стандартов языка XML. На протяжении истории развития языка HTML сложился подход, при котором допускались многочисленные вольности и отступления от стандартов языка, объявленных W3C, а браузеры различных производителей пытались компенсировать эти вольности, угадывая и корректируя HTML-код с целью его адекватного воспроизведения. Все это отменяется в языке XHTML, если следовать строгим наборам XHTML DTD, а переходные наборы XHTML DTD служат лишь на период перехода от старого к новому: от HTML к XHTML.

13 Значения атрибутов должны быть в кавычках

Значения атрибутов должны быть в кавычках

В языке HTML значения атрибутов должны быть заключены в кавычки, только если в значение входят пробелы или специальные символы. Но в языке XHTML это недопустимо: все значения должны заключаться в кавычки. Например, в теге <td>, входящем в документ HTML, допустимо написать следующее: <td width=123 height=90> Однако в языке XHTML это считается ошибкой. Следует писать так: <td width="123" height="90"> Хотя это и кажется избыточным, но выполнение такого правила обязательно.

14 Необходимо наличие закрывающего тега

Необходимо наличие закрывающего тега

В стандарте языка HTML 4.01 допускается пропуск закрывающего тега, если программа, которая будет обрабатывать соответствующий документ, сможет «догадаться» о его наличии. Поэтому вполне допустимо опускать закрывающие теги </p> между соседними абзацами или </td> для ячеек в таблицах. Но в XHTML наличие закрывающих тегов обязательно, например два смежных абзаца должны записываться так: <p>Это первый абзац</p> <p><Это второй абзац></p>

15 Необходимо наличие закрывающего тега

Необходимо наличие закрывающего тега

Конечно, такое требование сильно загромождает код, однако устраняет какие-либо двусмысленности в разметке документа, поскольку позволяет точно идентифицировать любой элемент кода. То же самое касается и пустых элементов. Каждый тег такого элемента должен иметь как открывающий, так и закрывающий тег, например тег обрыва строки теперь должен писаться так: <br></br>, иначе строка разорвана не будет. К счастью, в этом случае допускается запись <br/>, то есть перед завершающей угловой скобкой следует поместить наклонную черту. Если же у тега есть атрибуты, то угловая черта пишется после них, например <img src="mypicture.jpg" />.

16 Необходимо корректно вкладывать элементы друг в друга

Необходимо корректно вкладывать элементы друг в друга

Это требование стандарта XHTML не отличается от требований HTML. Каждый элемент, вложенный в другой элемент, должен быть закрыт завершающим тегом, лежащим внутри содержащего его элемента. Например, в данном примере элемент для задания курсивного текста включает тег полужирного начертания: <i><b> …форматируемый текст… </b> </i> Этот пример корректен. Однако если мы напишем так: <i><b> …форматируемый текст… </i> </b> то нарушим требования HTML. Тем не менее эти и им подобные требования не всегда выполнялись разработчиками, и «добрые» браузеры обычно корректировали такие нарушения кода. Однако стандарт XHTML запрещает подобные нарушения.

17 Необходимо корректно вкладывать элементы друг в друга

Необходимо корректно вкладывать элементы друг в друга

Кроме того, XHTML запрещает следующие вложения: тег <form> не может содержать теги <form>; тег <button> не может содержать теги <textarea>, <select>, <input>, <iframe>, <label>, <button>, <form>, <isindex>, <fildset>; тег <a> не может содержать другой тег <a>; тег <label> не может содержать другие теги <label>; тег <pre> не может содержать теги <img>, <sup>, <object>, <small>, <sub>, <big>. При этом глубина вложения не имеет значения. Допустим, если в тег <a> вложены другие теги, они не могут включать в себя тег <a>. Браузер, строго поддерживающий XHTML, не сможет адекватно воспроизвести документы с такими нарушениями.

18 Назначение имен тегов и атрибутов зависит от регистра

Назначение имен тегов и атрибутов зависит от регистра

В документах HTML имена тегов и атрибутов не зависят от регистра символов, так что, например, запись <TABLE>, <TaBle> или <table> означает один и тот же тег таблицы. Однако в XHTML это разные теги. То же самое касается имен атрибутов: записи типа width или WiDtH в XHTML уже не означают имя атрибута, задающего ширину, например, ячейки таблицы или рисунка. В XHTML все имена тегов и атрибутов, которые были заимствованы из HTML, должны быть записаны строчными буквами. Если же при написании тегов и атрибутов были использованы прописные буквы, обрабатывающая их программа, строго поддерживающая стандарт XHTML, не сможет их корректно обработать.

19 Требуется явно задавать значения атрибутов

Требуется явно задавать значения атрибутов

В документах XHTML всем атрибутам следует присваивать значения, даже если по стандарту HTML это не требуется. Например, в тегах списков <ol>, <ul> часто используется атрибут compact, приводящий к уменьшению расстояния между буквами в тексте списков. Если этот атрибут включен в тег, например <ul compact>, то текст в списке будет отображаться более компактно. Однако в XHTML такая запись запрещена и вам придется написать так: <ul compact="compact">.

20 Включение сценариев и специальных символов в документы XHTML

Включение сценариев и специальных символов в документы XHTML

В документы HTML сценарии встраиваются с помощью комментариев, то есть коды сценариев помещаются внутрь объявлений комментария: <!-- …Код сценария JavaScript или таблицы CSS…. --> В них же помещают объявления таблиц CSS, что позволяет избежать конфликтов, если браузер не поддерживает эти средства. Однако браузеры XML не воспринимают содержимое комментариев и требуют использования таких конструкций, содержащих тег CDATA языка XML: <script language="JavaScript"> <![CDATA[ …код сценария JavaScript... ]]> </script> Оптимальным решением будет помещение сценариев во внешние файлы и включение в документы ссылок на эти файлы.

21 Проблемы использования XHTML

Проблемы использования XHTML

Перед разработчиками веб-страниц встала серьезная проблема: переход на новый язык XHTML значительно меняет сложившиеся подходы к их разработке. Во-первых, уже нельзя позволить себе многие вольности и ошибки в коде гипертекстовой разметки страницы, которую допускал если не сам язык HTML, то сложившаяся практика его использования. Разработчики писали свои коды в расчете, что браузеры сумеют сами заметить некоторые ошибки и отступления от стандарта и адекватно воспроизвести HTML-документ. Однако с появлением XHTML эти вольности отменяются, строгое следование правилам XHTML 1.0 исключает любые ошибки в коде разметки документа XHTML.

22 Проблемы использования XHTML

Проблемы использования XHTML

Во-вторых, появляется проблема «старых» веб-страниц, в которых применены устаревшие и нежелательные элементы и атрибуты языка HTML. Этих документов за многие годы применения HTML накопилось великое множество, миллионы и миллионы сайтов разработаны на языке HTML, и их изменение под новый стандарт XHTML совершенно разорительно. Так стоит ли использовать XHTML? И если да, то как избежать возможных осложнений и потерь? Ответ таков: если вы хотите долгой и безбедной жизни своего сайта, то его следует создавать по новым стандартам XHTML. Конечно, еще несколько лет все браузеры и прочие программы, работающие со старыми HTML-документами, будут поддерживать работу с ними, поскольку объем накопившихся в Сети ресурсов, не соответствующих канонам XHTML, чрезвычайно велик.

23 Проблемы использования XHTML

Проблемы использования XHTML

Но ничто не вечно, и лет через 5–6 сайт с устаревшими HTML-страницами, в которых использованы теги форматирования текста вместо конструкций CSS или элементы и атрибуты кода разметки написаны без учета ограничений XHTML, будет неадекватно воспроизводиться новыми браузерами, поддерживающими XHTML. Что же делать? Во-первых, новые веб-документы следует готовить по правилам языка XHTML. Поскольку написание кода разметки на языке XHTML стало более сложным занятием, наилучшим решением будет применение автоматических средств подготовки XHTML-документов. Иными словами, при выборе редактора веб-страниц лучше обращать внимание на те, которые поддерживают стандарты XHTML. Во-вторых, для обновления устаревших HTML-документов под стандарт XHTML можно использовать автоматические средства

24 On-line validators

On-line validators

http://Validator.w3.org/check CSE HTML Validator (http://www.htmlvalidator.com)

25 Литература

Литература

Квинт Игорь. HTML, XHTML и CSS на 100. СПб.: Питер, 2010. — 384 c. Чак Муссиано и Билл Кеннеди. HTML и XHTML. Подробное руководство. СПб.: Символ-Плюс, 2008. – 752 с.

«Язык XHTML»
http://900igr.net/prezentacija/russkij-jazyk/jazyk-xhtml-217632.html
cсылка на страницу
Урок

Русский язык

100 тем
Слайды