|
Б. 1. Основные теги
Цель данного приложения — напомнить вам язык HTML, чтобы у вас во время работы с книгой не возникало потребности обращаться к какому-нибудь другому источнику. Язык HTML (Hyper Text Markup Language — язык разметки гипертекстовой информации) предназначен для разметки веб-страниц. Все браузеры понимают HTML-документы: возможно, вы и найдете какой-нибудь старый браузер, который не будет понимать последние стандарты HTML — HTML4, но основные теги, о которых мы поговорим ниже, обязан понимать каждый браузер — иначе это не браузер, а просто telnet-клиент.
Тег обязательно начинается символом меньше "<", и заканчивается символом больше ">". Большинство тегов (но не все) подразумевают использование закрывающего тега:
<HTML> - тег
</HTML> - закрывающий (конечный) тег
Вы можете указать атрибуты тега, если он подразумевает их использование, например <Р align="center">. Атрибуты указываются в виде имя_атрибута=значение. Значение желательно брать в кавычки, хотя большинство браузеров лояльны и позволяют указывать значение без кавычек.
Б. 1.1. Структура документа
Документ HTML имеет такую структуру:
<HTML>
<HEAD>
<Т1ТЬЕ>Это мы увидим в заголовке браузера</ТIТLЕ>
</HEAD>
<BODY>
<h1>Информация</h1>
</BODY>
</HTML>
Проведем небольшой эксперимент. Создайте HTML-документ, в качестве содержимого которого используйте вышеприведенный листинг. Напомню, для такого рода задачи нам подойдет Блокнот, если вы работаете в Windows, или kedit (или любой другой текстовый редактор), если вы работаете в Linux. Сохраните файл под именем 1.html и просмотрите его в браузере (рис. Б.1).
Информация
Рис. Б.1. Файл 1 .html в браузере Opera
Теперь измените наш первый HTML-документ так:
<ТIТLЕ>Это мы увидим в заголовке браузера</ТIТLЕ>
<h1>Информация</h1>
Мы удалили теги <HTML>, <HEAD> и <BODY>. Просмотрите документ в браузере опять. Как вы видите, он не изменился. Это означает, что браузер сам вставит удаленные нами теги в нужные места. Но это касается только указанных выше тегов. В некоторых случаях браузер самостоятельно добавляет теги </li>, </р> и еще некоторые другие, но об этом мы поговорим позже. Когда вы будете писать сценарии на РНР, все же желательно не лениться, а выводить теги <HTML>, <HEAD> и <BODY> в браузер.
Тег <HTML> обозначает начало HTML-документа, а тег </HTML> — его конец. Тег <HEAD> содержит некоторую служебную информацию — теги <TITLE> (заголовок), <МЕТА> и другие.
Тег <BODY> — это начало тела документа. В этом теге находится вся информация, которая будет отображена в окне браузера.
Самым важным тегом в разделе HEAD является тег <МЕТА>, определяющий так называемую МЕТА-информацию — ключевые слова, кодировку, время окончания срока использования документа.
Вот примеры использования тега МЕТА.
■ Указание кодировки документа:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
■ Информация об авторе:
<meta name="Author" content="Denis Kolisnichenko">
■ Информация о "композере" (программе, с помощью которой был
создан документ):
<meta name="GENERATOR" content="Mozilla/4.7 [en] (Win98; I) [Netscape]">
■ Ключевые слова:
<meta name="keywords" content="Linux, UNIX">
■ Описание сайта:
<meta name="description" content="Mой сайт">
■ Время окончания срока использования документа:
<meta http-equiv="Expires" content="Mon, 06 Jan 1990 00:00:01 GMT">
Важно правильно объявить теги МЕТА. Например, правильно указав ключевые слова, вы упростите поиск вашего ресурса с помощью поисковых систем и, следовательно, повысите посещаемость сайта. Также рекомендую указать в качестве Expire-даты дату из далекого прошлого. Браузер не загружает из кеша просроченный документ, а старается получить его новую версию. Таким образом, пользователи всегда получат новую версию вашей странички, а не старую, сохраненную в кеше браузера. Данный прием очень полезен, если информация на вашем сайте часто обновляется. Удерживайте клавишу <Shift> при щелчке на кнопке Обновить браузера — так вы гарантированно получите новую версию документа.
|
