Как создаются Web-страницы
Взгляните еще раз на HTML-код нашей страницы. Заметьте, что одни теги вложены в другие. Так, тег вложен в тег <р>, тег <Р> – в тег <BODY>, а тег <BODY> – в тег <HTML>. Такая вложенность или иерархия тегов в HTML встречается на каждом шагу. Давайте представим ее в виде схемы.
<HTML><HEAD><TITLE><BODY>Здесь мы убрали мешающие нам закрывающие теги и их содержимое. Величина отступа показывает уровень вложенности того или иного тега. Так, тег <BODY> имеет первый уровень вложенности, а тег <H1> – второй. Теги предыдущих уровней вложенности называются родительскими тегами или родителями, а теги последующих уровней – дочерними тегами или потомками. Например, для тега <HEAD> родительским тегом будет <HTML>, а дочерним – <TITLE>. Для тега <BODY> родителем будет тег <HTML>, а потомками – теги <Н1> и <Р>.
Весь HTML-код Web-страницы вложен внутрь парного тега <HTML>…</HTML>. Этот тег находится на самом высшем, нулевом, уровне вложенности и не имеет родителя.
Я здорово перегрузил вас информацией, и вам может показаться, что HTML – это что-то запредельно сложное. На самом деле, все это очень просто, и вы можете легко создавать простейшие Web-странички вручную. И в подтверждение этого давайте немного изменим код нашей страницы. Например, выделим название фирмы Microsoft жирным шрифтом. Тег, задающий "жирность", – <B>…</B>.
Далее приведем измененный фрагмент HTML-кода.
<P>Это простейшая Web-страничка, созданная в стандартном Блокноте и отображенная в <B>Microsoft</B> Internet Explorer.</P>Заметьте, как мы вложили один тег в другой (эти теги выделены). Теперь слово "Microsoft" будет набрано и жирным шрифтом, и курсивно. Только обратите внимание на порядок вложенности тегов и не нарушайте его. Если же вы случайно допустите ошибку и поместите теги так:
<P>Это простейшая Web-страничка, созданная в стандартном Блокноте и отображенная в <B>Microsoft</B> Internet Explorer.</P>…то Web-обозреватель может и не отобразить ваше творение (хотя Internet Explorer славится своим умением исправлять мелкие ошибки Web-дизайнера). Запомните простое правило: закрывающие теги должны повторяться в порядке, обратном порядку соответствующих им открывающих тегов.
Сохраните полученный файл под именем 1. 2.htm и откройте его в Web-обозревателе. То, что вы увидите, показано на рис. 1.2.
Рис. 1.2. Измененная Web-страничка
Как видите, ничего особо сложного в языке HTML нет. Единственная сложность – это запомнить все его теги, но это вопрос времени и опыта.
Для того чтобы различные программы Web-обозревателей правильно отображали одну и ту же Web-страницу, язык HTML должен быть стандартизирован. Его стандартизацией (а также множеством других стандартов Интернета) занимается особая организация, называемая World Wide Web Consortium или, сокращенно, WWWC. Это название можно перевести как "Комитет Всемирной паутины"… нет, лучше не переводить!… ужасное название…
WWWC издает весьма увесистые труды, описывающие различные версии стандарта HTML. Последняя версия этого языка – 4.01 – вышла в конце 90-х годов прошлого века. Все современные версии Web-обозревателей поддерживают эту версию HTML.
Наряду с тегами HTML, стандартизированными WWWC (стандартные теги), Web-обозреватели поддерживают множество нестандартных тегов. Эти теги были введены разработчиками той или иной программы Web-обозревателя, чтобы получить преимущество перед конкурентами. Они надеялись, что эти фирменные расширения впоследствии войдут в стандарт HTML, но этим надеждам так и не суждено было сбыться. Однако теги остались, и они все так же поддерживаются. Мы опишем эти теги наряду со стандартными, но предупреждаем вас, что они поддерживаются не всеми программами.
Версия 4.01 станет последней версией языка HTML. В дальнейшем он будет постепенно заменен своим потомком – языком XHTML (extensible Hyper-Text Markup Language – расширяемый язык гипертекстовой разметки). Этот язык основан на популярном языке описания данных XML (extensible Markup Language – расширяемый язык разметки), он позволяет расширять доступный набор тегов и считается более строгим и более подходящим для машинной обработки. К тому же, из XHTML выброшено множество устаревших тегов, все еще поддерживаемых HTML в целях совместимости.
Скоро ли наступит эра XHTML? Вряд ли. Старый добрый HTML поцарствует на земле еще не один год. Поэтому не стоит торопиться заучивать новые теги и переписывать уже написанные Web-страницы. Займитесь более полезными делами. Например, наведите порядок в ящиках своего стола или нанесите визиты своим одноклассникам.