Правильно оформленные Web-страницы



Предыдущая | Следующая
Правильно оформленные Web-страницы
Давайте еще раз посмотрим на HTML-код нашей первой Web-странички.
<Н1>Пример Web-CTpaHMUbi</Hl>
<Р>Это простейшая Web-страничка, созданная в стандартном <ЕМ>Блокноте</ЕМ> и отображенная в <EM><STRONG>Microsoft</STRONG> Internet Explorer</EM>.</P>
Он очень компактен, корректно отображается в Internet Explorer, да и в других Web-обозревателях (автор проверял ее в Firefox — все нормально). Но, несмотря на это, наше первое Web-творение можно назвать разве что только корректной страницей. Корректные Web-страницы правильно отображаются в Web-обозревателях, но не удовлетворяют всем требованиям, которые предъявляются к Web-страницам стандартами W3C.
А что необходимо сделать для того, чтобы наша страница удовлетворяла всем стандартам, иначе говоря, стала правильно оформленной! Для этого нужно добавить в ее код несколько новых тегов, называемых невидимыми. Содержимое невидимых тегов никак не отображается в окне Web-обозревателя, в отличие от обычных, видимых, тегов, но влияет на отображение всей страницы.
Далее приведен HTML-код правильно оформленной Web-страницы (добавленные фрагменты традиционно выделены полужирным шрифтом):
<HTML> <HEAD>
<Т1ТЬЕ>ЮеЬ-страница</Т1Т1|Е> </HEAD> <BODY>
<Н1>Пример Web-CTpaHMUbi</Hl>
<Р>Это простейшая Web-страничка, созданная в стандартном <ЕМ>Блокноте</ЕМ> и отображенная в <ЕМ><STRONG>Microsoft</STRONG> Internet Explorer</EM>.</P> </BODY> </HTML>
Давайте сохраним эту страничку в файле под именем 2.5.html для дальнейшего использования. И посмотрим внимательно на ее код HTML.
Видно, что наш изначальный код помещен в какой-то странный парный тег <body>. Этот тег задает так называемое секцию тела Web-страницы — собственно ее содержимого, выводимого на экран. Все, что мы хотим видеть в окне Web-обозревателя, должно находиться в этой секции, то есть в теге <body>.
Кроме секции тела, любая уважающая себя Web-страница также должна содержать задаваемую парным тегом <head> секцию заголовка, где помещается некоторая служебная информация. (Не путать с обычным текстовым заголовком, задаваемым одним из тегов <н1>...<нб>!) Эта информация не выводится Web-обозревателем на экран, а используется для его внутренних нужд, в частности, задает некоторые параметры Web-страницы.
В нашем случае из этой служебной информации имеется только название Web-страницы, задаваемое парным тегом <title>. Это название Web-обозреватель выводит в заголовке своего окна; кроме того, оно заносится в историю Web-обозревателя — список посещенных им ранее Web-страниц.
Кроме названия страницы, секция заголовка в подавляющем большинстве случаев содержит множество других данных, необходимых Web-обозревателю. Мы рассмотрим их позже.
Осталось сказать, что весь HTML-код — и секция заголовка, и секция тела — Web-страницы должен быть вложен внутрь парного тега <html>.

 

Содержание Книга по php и mysql