HTML, XHTML и CSS на 100%

Квинт Игорь

1. Выберите команду меню Debug -> QuickWatch (Отладка -> Быстрый просмотр). Появится окно QuickWatch (Быстрый просмотр) (рис. 12.7).

Рис. 12.7. Окно QuickWatch (Быстрый просмотр)

2. Введите в поле Expression (Выражение) имя необходимой переменной, то есть i.

3. Нажмите кнопку Add Watch (Добавить просмотр). В окне отладчика появится панель Watch (Просмотр) со значениями переменной i (рис. 12.8).

Рис. 12.8.

Переменная под контролем

4. Закройте окно QuickWatch (Быстрый просмотр).

Таким образом, вы можете узнать, какое это по счету повторение. Вы также можете изменить значение переменной.

1. Щелкните кнопкой мыши на значении переменной i на панели Watch (Просмотр).

2. Введите необходимое значение (в данном случае не больше 19, например 18).

Вот так просто вы уже на предпоследнем повторе цикла. Сделайте несколько шагов и увидите, что у вас получилось в браузере.

1. Выберите команду меню Debug -> Step into (Отладка -> Сделать шаг).

2. Повторяйте первый шаг до тех пор, пока не появится окно браузера (рис. 12.9).

Рис. 12.9. Результат после изменения хода выполнения сценария

Как видите, количество приветствий уже другое. Все потому, что вы поменяли значение переменной i. Кроме того, отладчики позволяют выполнить произвольную строку кода сценария или пропустить несколько строк.

Резюме

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

Стоит сказать, что сейчас в большинстве веб-страниц применяются сценарии на JavaScript. Вы всегда можете посмотреть исходный код страниц и увидеть, как сценарии внедрены в HTML-документ и что вообще они из себя представляют. Кроме того, в Интернете существует немало сайтов, посвященных созданию сценариев. На них вы сможете узнать массу полезной информации, а также получить уже готовые сценарии, которые сразу же сможете применять на своих веб-страницах. Много ссылок на сайты, посвященные JavaScript, можно найти в таких каталогах, как «Яндекс» или «Апорт» , в разделах, посвященных языкам программирования. Язык JavaScript очень популярен, и с поиском необходимой информации проблем не возникнет.

Глава 13

Язык XHTML

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

13.2. Отличие XHTML от HTML

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

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

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

Казалось бы, что могло быть проще? Нужно было просто создать еще один язык, который удовлетворял бы новым требованиям, включить в текущую версию HTML 4.01 новые элементы, новые языковые конструкции, и все встанет на свои места. Однако никто не мог бы гарантировать всеобъемлющей полноты этого языка, что может привести к появлению множества нестандартных, плохо согласованных версий HTML. Иными словами, такой путь развития языка мог привести к повторению первых этапов формирования HTML, когда мало кто заботился о соответствии своих версий языка HTML стандартной версии, поддерживаемой W3C. При таком подходе браузеры различных производителей могли неадекватно отображать (и отображали!) содержимое «чужих» HTML-документов, поскольку просто не понимали использованные в них языковые конструкции. В те времена разработчикам веб-страниц приходилось нелегко, поскольку их основная задача состояла (и состоит) в обеспечении максимально широкого доступа к своим сайтам.

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

Использование метаязыков в определении языков гипертекстовой разметки отнюдь не инновация 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.

Почему же специалисты W3C разработали новый метаязык XML вместо использования SGML? Причина состоит в сложности SGML: насколько он универсален и всемогущ, настолько и сложен в понимании. Поэтому он непригоден для широкого использования разработчиками специализированных версий языков гипертекстовой разметки. Язык XML для определения новых языков использует отдельные (но не все) элементы SGML, кроме того, в нем присутствуют упрощенные элементы SGML, более подходящие для широкого применения.

В настоящий момент имеется три типа DTD, используемых для определения языка XHTML.

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