автордың кітабын онлайн тегін оқу Создаем сайты с помощью HTML, XHTML и CSS на 100
Игорь Квинт

Үзіндіні оқу

Кітап туралы Дәйексөздер16 Қазір оқып жатыр411 Сөрелерде Тегін фрагмент

И. Квинт

Создаем сайты с помощью HTML, XHTML и CSS на 100 %. 4-е изд.

Включая HTML 5 и CSS 3

Технический редактор О. Андриевич

Литературный редактор О. Андриевич

Художник С. Заматевская

Корректор Е. Павлович

Верстка А. Барцевич, П. Бокач

И. Квинт

Создаем сайты с помощью HTML, XHTML и CSS на 100 %. 4-е изд.. — СПб.: Питер, 2016.

ISBN 978-5-496-01954-5

Введение

Всемирная паутина стала одним из наиболее значительных достижений XX века. Тем не менее технологии работы в Интернете развиваются до сих пор. В основе всех этих технологий лежит язык HTML (HyperText Markup Language — язык гипертекстовой разметки), переживший несколько этапов развития, которые завершались появлением новых версий языка.

В настоящее время используется последняя версия языка HTML под названием XHTML (eXtensible HyperText Markup Language — расширяемый язык гипертекстовой разметки). Он создан на основе HTML 4, наиболее устойчивой и широко используемой версии языка гипертекстовой разметки, ставшей стандартом при разработке веб-сайтов. Главное отличие XHTML от HTML 4 заключается в поддержке языка XML (eXtensible Markup Language — расширяемый язык разметки) и в более строгих требованиях к синтаксическим конструкциям, применяемым в коде разрабатываемой веб-страницы. Но в основном возможности XHTML и HTML 4, предлагаемые разработчикам веб-страниц для гипертекстовой разметки документов, совпадают. Также из языка XHTML исключены некоторые возможности HTML 4, которые определены в спецификации HTML 4 как устаревшие, нежелательные для использования, но все еще разрешенные к применению.

На смену этим языкам идет HTML 5, предлагающий своим пользователям целый спектр новых возможностей, не имеющих аналогов в HTML 4 и XHTML. Эти новшества коснулись всего, что связано с подготовкой содержимого современных веб-сайтов (текста, графики, мультимедийной информации) и их воспроизведением на различных устройствах, включая мобильные (коммуникаторы, смартфоны). Как и в случае XHTML, из языка HTML 5 исключены многие средства HTML 4, признанные устаревшими, но все еще широко используемые в практике веб-дизайна.

Для оформления и структурирования документов HTML широко используется стилевое форматирование, реализуемое с помощью языка CSS (Cascading Style Sheets — каскадные таблицы стилей). В настоящее время активно развивается последняя, наиболее продвинутая 3-я версия этого языка, позволяющая создавать весьма выразительные и профессионально выглядящие страницы сайта, что было невозможно в прежних версиях CSS. И хотя язык CSS3 все еще не введен в действие, следует быть готовыми к его использованию при разработке новых сайтов.

Книга начинается с описания структуры документа HTML. В главе 1 на простом примере показано, из каких компонентов состоит HTML-код, применяемый для создания любой веб-страницы. Вводятся основные понятия и даются сведения о синтаксических конструкциях языка HTML — элементах, тегах, метатегах и атрибутах. Указывается, что такое заголовок и тело документа HTML, обсуждается задача структурирования документов HTML. Для освещения этих общих вопросов, относящихся к любому документу HTML, использован язык HTML 4 как наиболее широко распространенный в данное время.

В главе 2 обсуждается язык XHTML. Вы узнаете, что послужило причиной его появления и какие принципиальные новшества вносит этот язык в средства создания документов HTML. Прочитаете, что такое язык XML, как он применяется при создании документов XHTML и какие требования предъявляет язык XHTML к создаваемым на его основе документам по сравнению с языком HTML 4. Также затронуты вопросы преобразования документов на языке HTML 4 в формат, удовлетворяющий требованиям XHTML. Это далеко не праздный вопрос, поскольку сейчас в Интернете существует множество сайтов, созданных с помощью устаревших версий языка HTML, а кроме того, огромное количество пользователей работают со старыми версиями браузеров. И если ваша задача — максимально расширить аудиторию сайта, то вы должны озаботиться совместимостью кода HTML ваших страниц со средствами их просмотра на различных устройствах, включая мобильные. Мы обсудим, каким требованиям должен удовлетворять код страницы, созданной на языке HTML 4, чтобы ее мог корректно воспроизвести браузер, поддерживающий XHTML.

В главах 3–5 описываются методы создания и оформления основных частей документов HTML. Наиболее подробно рассказывается о средствах языка XHTML, но средства языка HTML 4, не вошедшие в XHTML и признанные устаревшими, также не обделены вниманием. Причина все та же — в настоящее время существует большое количество сайтов, созданных на основе HTML 4, к тому же множество людей используют устаревшие браузеры. Таким образом, каждый веб-дизайнер, даже перешедший на новый язык XHTML, должен обеспечивать совместимость своих сайтов с техническими возможностями их посетителей. Поэтому вам следует знать средства языка HTML 4, включая признанные устаревшими, чтобы правильно адаптировать уже имеющиеся веб-страницы к новым средствам их просмотра. Вы познакомитесь со средствами языка HTML для ввода текста и его форматирования, настройки внешнего вида таблиц, включения в страницу веб-графики и мультимедийной информации (аудио- и видеоклипов). Эти элементы дизайна значительно улучшают восприятие веб-страницы, превращая скучный документ в яркую и красочную витрину вашего сайта, которая не оставит равнодушным ни одного посетителя.

Узнав об основных элементах дизайна, в главах 6 и 7 вы познакомитесь с фреймами и формами. Фрейм — это вставленная в HTML-страницу другая HTML-страница. Такая структура очень удобна, когда на веб-странице нужно поместить несколько различных компонентов, отображаемых поочередно по желанию посетителя. Тем не менее в языке HTML 5 фреймы отсутствуют, вместо них предоставляются другие средства обновления содержимого различных областей веб-страниц. С формами знаком практически каждый, кто пользовался почтовыми сервисами на большинстве веб-сайтов. Формы позволяют поместить на страницу элементы управления, как в обычном интерфейсе Windows, и использовать их для ввода и отправления писем, данных интерактивных опросов и т. д. Язык HTML 5 значительно расширяет набор средств, используемых при построении форм.

На этом рассмотрение языков HTML 4 и XHTML заканчивается. Главы 8–10 посвящены очень важному средству веб-дизайна — языку CSS. Это очень эффективный и современный инструмент оформления веб-страниц, напоминающий стилевое форматирование, которое применяется в Word. В новейших версиях языка гипертекстовой разметки все средства оформления документов передаются средствам CSS. Вместо того чтобы каждый раз вводить множество параметров форматирования части документа, вы определяете стиль и применяете его там, где необходимо. В настоящее время используется CSS версии 2, и мы займемся его освоением, поскольку это основное рабочее средство оформления веб-страниц.

После ознакомления со средствами HTML 4/XHTML/CSS2 в главах 11–13 обсуждается работа с языком разработки сценариев JavaScript. Подробно описаны основные синтаксические конструкции языка и методы включения сценариев в HTML-страницы. Вы освоите основные понятия событийного программирования и научитесь создавать динамические HTML-страницы.

Завершив обсуждение средств языков HTML 4, XHTML, DHTML, JavaScript и CSS2, в главах 14 и 15 мы переходим к обсуждению возможностей новейшего, еще не завершенного языка HTML 5 по созданию современных сайтов и их оформлению с использованием средств CSS3. Язык CSS3 идет на смену CSS2, и в него включено множество новинок, позволяющих создавать выразительные веб-страницы и корректно воспроизводить их на современных устройствах, включая мобильные.

Пока языки HTML 5 и CSS3 не введены в действие и их разработка не завершена, но многие браузеры уже поддерживают некоторые новые средства, предлагаемые HTML 5 и CSS3. Вы познакомитесь с новыми средствами HTML 5, предназначенными для структурирования создаваемых документов, создания в них разделов, меню, верхних и нижних колонтитулов. Все эти новинки значительно упрощают труд веб-дизайнера при конструировании сайтов. Вы также узнаете о средствах HTML 5 для работы с графикой, включения в веб-страницу мультимедийной информации и средств ее воспроизведения. Для решения этих задач HTML 5 предлагает множество новых возможностей, позволяющих избежать использования различных проигрывателей сторонних производителей, апплетов и сценариев, неизбежных при работе с языками HTML прежних версий. Мы также обсудим новые средства HTML 5 по созданию форм на веб-страницах, значительно расширяющие возможности предыдущих версий языка HTML.

Наконец, речь пойдет о некоторых новых возможностях языка CSS3, дополняющих и расширяющих язык CSS2. Вы научитесь применять в различных областях веб-страницы графические эффекты: заливки, градиенты, поворот этих областей, создание активных обновляемых областей, придание таблицам и полям внутри форм выразительного вида. Средствами языка CSS3 можно делать многое, для чего ранее приходилось прибегать к графическим редакторам и включать в веб-страницы множество рисунков, усложняющих их структуру и увеличивающих объем загружаемой информации при просмотре.

Материал книги исчерпывающе объясняет все основные моменты веб-дизайна динамичных и статичных веб-страниц в простой и удобной для усвоения форме: в виде набора пошаговых процедур, реализующих конкретные операции веб-дизайна, с хорошо подобранными и выразительными примерами. Шаг за шагом выполняя эти процедуры, вы станете настоящим мастером веб-дизайна, способным решать любые задачи создания профессиональных сайтов.

От издательства

Ваши замечания, предложения и вопросы отправляйте по адресу электронной почты sivchenko@minsk.piter.com (издательство «Питер», компьютерная редакция).

Мы будем рады узнать ваше мнение!

На сайте издательства http://www.piter.com вы найдете подробную информацию о наших книгах.

Глава 1. Структура HTML-документа

Для создания веб-страниц часто используется язык гипертекстовой разметки HTML. Конечно, каждый сайт индивидуален, но существуют общие правила построения HTML-страниц. Им обязательно нужно следовать — только в этом случае ваш HTML-код будет верно распознаваться и отображаться браузером.

Язык HTML имеет долгую историю развития, и в настоящее время наиболее широко используется версия HTML 4.01, на смену которой приходят версии XHTML и HTML 5. Во всех этих версиях применяется одинаковый принцип гипертекстовой разметки документов, заключающийся в использовании специальных конструкций языка, называемых тегами, и задании их параметров, называемых атрибутами.

Версии HTML 4, XHTML и HTML 5 различаются набором используемых тегов и атрибутов, а также некоторыми требованиями к синтаксическим конструкциям на их основе. Например, язык HTML 4 допускает использование строчных и прописных букв в названиях тегов и атрибутов — вы можете писать их, не обращая внимания на регистр букв. Однако в языках XHTML и HTML 5 это не так — теги и атрибуты должны быть введены в нижнем регистре. Есть и другие различия принципиального характера, и мы обсудим их далее по мере знакомства с версиями языка HTML.

Сейчас же подробно рассмотрим структуру простого документа HTML 4, чтобы вы могли понять общие принципы форматирования HTML-документов, а далее обсудим различия между версиями языка HTML и что означает на практике наличие нескольких версий HTML.

ПРИМЕЧАНИЕ

Последнее очень важно, поскольку в Интернете существует огромное количество сайтов, подготовленных с помощью HTML разных версий, которые посещают люди, использующие устаревшие браузеры. И если вы хотите обеспечить своему сайту широкую аудиторию, следует с самого начала озаботиться вопросами его совместимости и корректного воспроизведения как можно большим количеством пользователей Интернета.

1.1. Общие понятия HTML

Итак, как только что было сказано, независимо от версии языка HTML, используемой при создании сайта, существуют общие правила форматирования HTML-документов и структурирования их содержимого. Их мы и рассмотрим в данном разделе.

Элемент

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

Название элемента помещается в угловые скобки: , полученное выражение называется тегом. В данном случае это открывающий тег. Иногда необходимо задать парный закрывающий тег, который записывается так: . В основном парные теги используются при форматировании текста, они задают начало и конец блока форматирования. В одних случаях закрывающий тег вообще не требуется, а в других его можно пропустить, однако для корректной обработки документа рекомендую всегда использовать закрывающий тег.

Кратко функции открывающего и закрывающего тегов можно описать так: открывающий тег включает форматирование, а закрывающий выключает. При этом основным различием в записи тегов, кроме постановки символа / в закрывающем теге, является отсутствие у последнего атрибутов.

Примером необходимости использования закрывающего тега является работа с элементом P, который обозначает абзац:

Текст абзаца

Однако и в данном случае закрывающий тег является необязательным, но желательным. Элемент IMG, который добавляет картинку на сайт, наоборот, не требует наличия закрывающего тега. По назначению элемента зачастую можно догадаться, требуется ли ему закрывающий тег.

Элементы используются для того, чтобы сказать браузеру, какой блок вы хотите видеть в определенном месте страницы и какую информацию этот блок должен содержать. Кроме того, браузеру нужно сообщить, как отображать данную информацию. Для этого используют атрибуты элементов.

Атрибут

Атрибуты позволяют указывать различные способы отображения информации, добавляемой с помощью одинаковых элементов, а в некоторых случаях использование элемента без атрибутов не дает результатов.

Например, в одном абзаце нужно выровнять текст по левому краю, а в другом — по правому. Чтобы задать выравнивание абзаца, используем атрибут align элемента P:

Выравнивание по левому краю

Выравнивание по правому краю

Значения атрибутов задаются после знака равенства в кавычках и могут быть разными. Некоторым атрибутам присущ набор фиксированных значений, для других же количество значений не ограничено.

Элементы и их атрибуты являются основой языка HTML, но для правильного отображения страницы в браузерах еще важно верно создать структуру документа. Для этого существуют строгие правила. Есть элементы, без которых HTML-документ не может обойтись, потому что именно они определяют его структуру.

1.2. Структура HTML-документа

Для создания структуры документа и хранения служебной информации в нем предусмотрено много элементов, которые охватывают все необходимые пункты построения документа. Приведу пример документа HTML 4, чтобы вы могли увидеть эти элементы воочию (листинг 1.1). Документы XHTML и HTML 5 будут иметь некоторые отличия от приведенного примера, но мы пока отложим их рассмотрение — сейчас важно понять общий принцип построения HTML-документов.

Листинг 1.1. Описание документа HTML 4 в элементе DOCTYPE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Это листинг структуры документа HTML</title>

...Элементы заголовка...

</head>

<body>

...Тело документа...

</body>

</html>

Документ HTML 4 из листинга 1.1 состоит из следующих компонентов:

• строки объявления типа документа;

• декларативного заголовка;

• тела документа.

Объявление типа документа HTML 4

В начале каждого документа HTML 4.01 следует помещать строку объявления такого рода:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Эта строка предоставляет браузеру общую информацию об HTML-документе. Несмотря на то что вам вряд ли придется заполнять строку как-то иначе, рассмотрим ее по частям и выясним, какую информацию о документе несут данные из элемента DOCTYPE.

• HTML — показывает, что для создания документа используется язык HTML.

• PUBLIC — указывает на то, что при создании документа использована общепринятая версия HTML.

• "-//W3C//DTD HTML 4.01//EN" — задает публичное имя спецификации языка, используемого для разметки документа. Если браузер по этому имени сможет распознать, где находятся правила обработки данного документа, он воспользуется ими, иначе сможет загрузить их по ссылке в следующем атрибуте. В данном случае это язык HTML версии 4.01, общепринятой на момент написания книги.

• "http://www.w3.org/TR/html4/strict.dtd" — URL-адрес документа, содержащего наборы определений типа документа, подготовленного в соответствии с языком HTML 4.01.

Что такое набор определения типа документа (Document Type Definition, DTD), мы обсудим в главе 2, когда приступим к рассмотрению языка XHTML и его отличий от HTML 4. Сейчас же просто запомните, что это сведения, которые необходимы браузеру или другой программе, предназначенной для работы с данным документом HTML, для его правильной обработки. Для документов HTML 4.01 организация W3C (World Wide Web Consortium) определила три набора таких правил DTD.

• Набор строгих правил DTD, которые требуют, чтобы данный HTML-документ точно соответствовал всем требованиям спецификации HTML 4.01. Документы с этим набором правил содержат такое объявление:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

• Набор переходных (transitional) правил DTD, которые допускают использование устаревших, не поддерживаемых в версии HTML 4.01 элементов и атрибутов. Документы с этим набором правил содержат такое объявление:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

• Набор правил DTD для документов HTML 4.01 сфреймами. Что такое фреймы, вы, возможно, знаете: если веб-страница в окне браузера выглядит как набор нескольких окон со своими полосами прокрутки и прочими средствами просмотра, то это и есть фреймовый HTML-документ. Документы такого типа должны содержать следующее объявление:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

В объявлении <!DOCTYPE содержится общая служебная информация о данном документе HTML 4.01. Если вы, создавая документ HTML, пропустите его, браузер, скорее всего, сам сможет догадаться, как ему отобразить соответствующую страницу. Но организация W3C настоятельно рекомендует включать объявления <!DOCTYPE во все разрабатываемые документы.

Могут возникнуть вопросы: а зачем существуют строгие и переходные правила DTD и какие из них следует использовать? Ответ связан с историей развития Интернета в целом и языка HTML в частности. Отказ от устаревших средств языка и использование строгих DTD может привести к тому, что ваш документ HTML 4.01 не будет корректно воспроизводиться отдельными устаревшими программами, поэтому в настоящее «переходное» время безопаснее использовать переходный набор DTD.

После того как вы ввели общую информацию о странице, необходимо разобраться с ее структурой.

Элемент HTML

Корневым элементом HTML-документа является HTML. Это значит, что все остальные элементы содержатся внутри тегов <html> и </html>. Тем не менее в документах HTML 4.01 данный элемент не является обязательным, хотя W3C рекомендует снабжать им свои документы. В документах же XHTML и HTML 5 наличие тега <html> обязательно.

В элементе HTML могут применяться следующие атрибуты:

• lang — определяет язык документа;

• dir — задает направление чтения на языке документа: RTL — справа налево, LTR — слева направо;

• version — определяет версию стандарта HTML, использованного при составлении документа (это устаревший атрибут, и его применение не рекомендовано);

• title — определяет всплывающую подсказку для страницы.

В листинге 1.2 представлен пример использования элемента HTML вместе с атрибутами, указывающими на русский язык и направление чтения слева направо.

Листинг 1.2. Элемент HTML с атрибутами

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

</html>

На рис. 1.1 представлен результат использования атрибутов элемента HTML.

Рис. 1.1. Значение атрибута title отображено в виде экранной подсказки

Следует отметить, что атрибут dir в данном случае не обеспечен достаточной поддержкой известных браузеров даже последних версий, некоторые устаревшие браузеры просто игнорируют этот атрибут. Так что к его применению нужно относиться с осторожностью, если вы намерены использовать текст с альтернативным направлением чтения.

Элемент HEAD и декларативный заголовок

После того как для документа создан корневой тег <html>, внутри него нужно создать заглавную область документа, для чего используется элемент HEAD. Информация, вводимая в этот элемент, не отображается в окне браузера, а помогает ему в обработке страницы.

В заголовке должны присутствовать как открывающий, так и закрывающий теги <head> и </head>, между которыми и располагаются другие элементы, несущие служебную информацию о странице. Элементы, находящиеся внутри элемента HEAD, играют очень важную роль: содержащиеся в них данные помогают браузеру в обработке страницы, а поисковым системам — в индексации документа.

Для элемента HEAD определены те же атрибуты, что и для HTML, плюс атрибут profile. Этот атрибут позволяет задать адрес файла с настройками, которые определяются элементами META внутри заголовка. С его помощью можно будет избежать многократной записи одних и тех же элементов META в свои документы. Однако описываемый атрибут пока не введен в действие и рассчитан на будущее развитие языка HTML.

Элементы, которые можно использовать внутри элемента HEAD, представлены в табл. 1.1.

Таблица 1.1. Элементы, используемые внутри элемента HEAD

Элемент

Описание

TITLE

Задает заголовок окна, отображающего документ, требует закрывающего тега. В заголовке он может быть только один, и его наличие обязательно

Элемент TITLE

Данный элемент задает название веб-страницы, которое нужно придумывать, логически исходя из ее содержимого. Согласно спецификации HTML 4.01 в содержимом элемента HEAD обязательно наличие элемента TITLE, причем в единственном экземпляре.

Элемент требует наличия закрывающего тега </title>. Текст, содержащийся между открывающим и закрывающим тегами, будет отображаться в строке заголовка браузера.

Помимо основной функции — рассказать посетителю, о чем страница, — элемент выполняет ряд косвенных задач. Текст, помещенный в элемент TITLE, имеет огромное значение для решения задач продвижения сайта — именно по нему поисковые машины пытаются определить соответствие сайта поисковому запросу. Вам следует самым тщательным образом продумать это название, включив в него наиболее важные слова и фразы, по которым пользователи Интернета будут искать ресурсы, соответствующие вашему сайту. Но не стоит и раздувать содержимое тега <title>. Во-первых, текст не поместится в заголовке окна браузера, а во-вторых, поисковики сокращают объем просматриваемого текста названия (как правило, это 50–60 знаков).

По тексту заголовка пользователь получает дополнительную информацию о том, что это за сайт и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок. Посетитель может сворачивать окна, и тогда заголовки будут отображаться на кнопках Панели задач — по ним можно будет легко сориентироваться, с каким сайтом работать.

Большинство браузеров поддерживает возможность сохранения веб-страницы на компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы, недопустимые в имени файла (\ / : * ? " < > |), то они будут проигнорированы или заменены разрешенными.

При сохранении в разделе браузера Избранное в качестве названия ссылки будет использоваться текст, записанный в элементе TITLE. В этом случае адрес текущей страницы с ее заголовком помещается в список ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также применяется вышеописанное правило.

В листинге 1.3 показан пример использования элемента TITLE.

Листинг 1.3. Использование элемента TITLE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Пример создания заголовка страницы</title>

</head>

</html>

На рис. 1.2 представлен результат работы листинга 1.3. Видно, что текст заголовка отображается на вкладке в окне браузера Internet Explorer 9.

Мы определились с заголовком новой страницы. Теперь посмотрим, какая служебная информация может содержаться внутри элемента META.

Рис. 1.2. Вид заголовка страницы

Элемент META

Данный элемент используется для хранения дополнительной информации о странице. Эту информацию браузеры применяют для обработки страницы, а поисковые системы — для ее индексации. Например, чтобы указать автора данного HTML-документа, можно использовать элемент META следующим образом:

Здесь значение атрибута name задает имя свойства author, которому в атрибуте content присваивается имя автора Вася Пупкин. В этом и состоит общее правило применения элементов META: с их помощью вы задаете в атрибуте name имя нового свойства, которому далее в атрибуте content присваиваете значение. Вместо name может быть использован атрибут http-equiv, который служит для обмена служебной информацией браузера с веб-сервером. Например, рассмотрим такой элемент:

" content="Sun, 1 Nov 2009 16:20:47 GMT"

Глава 2. Язык XHTML

Итак, в предыдущей главе мы обсудили основные возможности и принципы гипертекстового форматирования документов, опираясь на язык HTML 4.01, и теперь готовы перейти к освоению более современного языка XHTML.

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

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

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

Зачем же для решения этих задач понадобилось прибегать к таким радикальным мерам? Казалось бы, что могло бы быть проще: нужно просто включить в текущую версию HTML 4.01 новые элементы и языковые конструкции, создать новую версию языка — и все встанет на свои места. Однако никто не смог бы гарантиро

...