ГЛАВА 18. Общо оформяне на Web страница

18.1 Заглавна част на Web страница

В тази глава се разглеждат в обобщен вид въпросите, свързани със завършване разработването на отделни Web страници.

В съответствие със стандарта HTML 4.0 преди тага <HTML...> трябва да се посочи версията на изходния код на Web страницата. Ако кодът съдържа само тагове и атрибути, определени в HTML 4.0, първият  ред на документа трябва да бъде следния:

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

Ако кодът на Web страницата съдържа, освен определените в стандарта HTML 4.0 тагове и атрибути, и такива, които са от предишни версии и се считат като остарели, първият ред трябва да бъде следния:

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

Ако кодът на Web страницата отговаря на предходната версия плюс основните тагове и атрибути за frames и framesets, първият ред ще бъде:

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

В заглавната част на документа (Web страницата), както вече беше изяснено, се намират някои тагове, които съдържат информация, необходима за правилното изобразяване на страницата в прозореца на браузера.

В параграф 10.3 и в параграф 12.3 беше разгледано използването на тага <BASE...> в заглавната част наWeb страница.

Следващият таг, за който беше разгледан в параграф 5.2 е тагът <TITLE>име на документ</TITLE>

Името на заредената в Web браузера страница се изписва в заглавната лента на браузера. Важно е то да отразява основното съдържание или предназначение на Web страницата.

В параграф 16.3 беше разгледан тага <LINK..>, който също се разполага в заглавната част на Web страница.

Тагът <STYLE...> (глава 16) се разполага в заглавната част, а тагат <SCRIPT...> (глава 17) може да се разполага както в тялото, така и в заглавната част на Web страница.

В параграф 16.3 беше разгледано използването на тага <META...> за задаване типа на съдържанието на страница, в която се използват каскадни стилови таблици (css).

В параграф 17.2 беше разгледано използвнето на тага <META...> за задаване типа на съдържанието на страници, в които се използват скриптове.

Тагът <META...> се използва и за други цели. Чрез него   се задават общи за HTML документа данни.

В заглавната част може да има, освн разгледаните, и още няколко тага <META...>.

Един от тези тагове е предназначен да укаже как да се декодират нелатински символи (например кирилица). Този таг може да се счита задължителен за страници с текст на кирилица. Ако той отсъства текстът най-често ще се изобрази с неразбираеми символи. В този случай, за да се изобразят правилно символите на текста, трябва да се подбере необходимата таблица от меню на браузера .

Тагът <META...>, осигуряващ правилно изобразяване на текста в HTML документа има следния вид:

<META http-equin="Content-TYPE" Content="text/home;charset=windows-1251">.

Стойността на Charset= може да бъде и друга.

Тагът <META...> има два атрибута-атрибут NAME= и атрибут Content=.

В някои случаи, какъвто е току що разгледания, вместо NAME= се използва атрибута http-equin=.

Стойностите на атрибутите NAME=  и  Content=  във всеки отделен таг <META...>, зависят от предназначението му, т.е.от това каква информация за HTML документа се съдържа в него.

Видът на различни тагове <META> изглежда по следния начин:

- за задаване кратко описание на сайта (страницата):

<META NAME="Discription" Content="кратко описание на сайта или страницата">(параграф 20.2)

-за указване автора на документа:

 <META NAME="Author" Content="име и презиме">

-за посочване на ключови думи , с които се открива сайта от машините за търсене:

<META NAME="Keywords" Content=" ключови думи отделени със запетая"> (параграф 20.3)

- за указване програмата, с която е създаден Web страницата (като правило се включва автоматично от програмата):

<META NAME="Generator" Content="име на програмата">.

Като пример ще приведем съдържанието на заглавната част на първата страница на Web сайта на ВВМУ (http://www.nava-acad.bg):

<HEAD>
<TITLE>Naval Academy - Varna- Bulgaria</TITLE>
<meta NAME="GENERATOR" content="Dreamweaver 4.0">
<meta NAME="Author" CONTENT="Ivan Jotov - Naval Academy">
<meta NAME="Description" CONTENT="Title page of Naval Academy of Varna">
<meta NAME="KeyWords"
CONTENT="Naval Academy, Bulgaria, Varna, Marine School, Marine College, Marine, Naval, Merchant Marine, Academy, University, Student, meritime, military , Морско училище, Военноморско училище, курсанти, студенти">
<meta HTTP-EQUIV="Content-Type" Content="text/html; charset=windows-1251">
<base href="http://www.naval-acad.bg/">
<style fprolloverstyle>A:hover {color: red; }
</style>
</HEAD>