Ниже представлен некоторый шаблон, которого надо придерживаться при создании web страницы. Мы подробно рассмотрим представленные теги и то что в них должно находиться. В общем не имеет значения скрипт это или статичная страница, данные теги применимы ко всем видам web страниц
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML>
<HEAD> <TITLE>Портал новых интернет технологий</TITLE> <STYLE type="text/css"> H1 { font-size: 120%; font-family: Verdana; color: #333366 } </STYLE> <LINK REL="Stylesheet" TYPE="text/css" HREF="http://default.css"> <META ТЕГИ <BASE href="http://www.avatardom.ru/"> </HEAD>
<BODY> Все содержимое документа, то есть по сути ваша страница. </BODY>
</HTML>
Первой строчкой мы сообщаем браузеру согласны ли мы с правилами сайта www.w3c.org. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Тег "HTML"
Основной тег в котором должно находится ВСЕ содержимое страницы. Его присутствие обязательно в документе. При помощи этого тега можно сделать всплывающую подсказку на веб страницу, используя его единственный параметр HTML, это параметр "title". Так выглядит код для записи: <html title="Портал о новых интернет технологиях">
Тег "HEAD"
Очень важная часть документа. Здесь указывается неотображаемая на странице техническая информация. Ниже рассмотрено подробно, что можно в нем указать и для чего это надо.
Тег "TITLE"
В нем располагается текст который будет выведен в левом верхнем углу окна страницы. Для старницы можно указать всего один тег "title", если будет больше, то поисковый бот воспримет это как попытку спама. Вот несколько причин по которым вам нужно его информативно и кратко указать: По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.
Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла ( / : * ? " < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.
При сохранении в разделе браузера <Избранное>, адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.
В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.
Так выглядит код для записи: <title>Портал новых интернет технологий</title>
Тег "STYLE"
В этом теге можно задать стили для элементов вашей страницы. Эту информацию можно поместить куда угодно на странице. Если вы указываете стили для тега <BODY>, тогда нужно помещать их между тегами <HEAD>. Вот так выглядит код записи: <style type="text/css"> H1 { font-size: 120%; font-family: Verdana; color: #333366 } </style>
Тег "LYNK"
Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега A, тег LINK размещается всегда внутри контейнера HEAD и не создает ссылку. Первые два параметра обязательны. Первый указывает отношение между документом и файлом для ссылки. Второй говорит о том какой тип данных подключается, а в третьем просто пишите ссылку на нужный файл. Вот так выглядит код записи: <LINK REL="Stylesheet" TYPE="text/css" HREF="http://default.css">
Тег "META"
Довольно большая группа тегов, которые служат для наилучшего взаимопонимания сайта с поисковыми системами, правильного отображения информации. Подробнее о META тегах...
Тег "BASE"
Нужен для указания полного адреса документа. Если вы напишите здесь полный адрес, то во всем документе можно указывать адрес относительный и не писать к каждой ссылке и картинке полный путь. Обратите внимание, что адрес заканчивается на "/", тогда в адресах на странице не нужно ставить его перед адресом: <BASE href="http://www.avatardom.ru/">
Очень хороший тег, который позволит настроить внешний вид документа. Далее описаны все его атрибуты, которые указываются в самом теге, но вы можете написать его атрибуты и в фале с стилями, а для документа просто дать ссылку. Тег "BODY".
Bgcolor Определяет цвет фона документа. Значения этого атрибута задаются либо RGB-значением в шестнадцатеричной системе (пример; #0099CC), либо одним из 16 базовых цветов (пример; red, blue,black). По умолчанию, то есть если Вы не указали этот атрибут в теге <Body>, то по умолчанию страница открывается с белым фоном. Но не у всех в настройках браузера это стоит, так что советую указать обязательно.
Text Определяет базовый цвет текста в документе. То есть если в самом документе, в каком, то его месте для какого либо отрывка текста Вы не указали цвет текста, то этот отрывок окрасится в базовый цвет, который был задан атрибутом text в теге. По умолчанию стоит черный цвет, но лучше указать, во избежание недоразумений.
Link Определяет цвет гиперссылки в документе. Имеет те же значения что и атрибуты bgcolor и text.
Alink Определяет цвет подсветки гиперссылки в момент нажатия. Имеет те же значения что и атрибуты bgcolor, text и link .
Vlink Определяет цвет посещенной ссылки. Имеет те же значения что и атрибуты bgcolor, text, link и alink .
Bgproperties Этот атрибут задает свойства фонового изображения. В данный момент браузерами поддерживается единственное его значение fixed, запрещающее скроллинг (прокрутку) изображения. Если его зафиксировать, то фон прокручиваться не будет.
Topmargin Определяет отступ содержания web страницы от верхнего края страницы в пикселях. Правильно работает в Netscape. В IE и Opera задает отступ сверху и снизу. Значение любое целое число от 0 и выше.
Bottommargin Определяет отступ содержания документа от нижнего края страницы в пикселях. Не работает в Opera, Netscape. Имеет то же значение что и topmargin.
Leftmargin Определяет отступ содержания документа от левого края страницы в пикселях. в IE задает отступ от края страницы слева и справа. Правильно работает в Netscape и Opera. Имеет такое же значение что и атрибуты topmargin и bottommargin .
Rightmargin Определяет отступ содержания документа от правого края страницы в пикселях. В IE работает правильно. Не работает в Netscape и Opera . Имеет такое же значение что и атрибуты topmargin, bottommargin и leftmargin.
Marginheight Определяет отступ содержания документа от верхнего и нижнего края страницы в пикселях. Не работает в IE. Правильно работает в Netscape и Opera. Имеет такое же значение что и атрибуты topmargin, bottommargin, leftmargin и rightmargin.
Marginwidth Определяет отступ содержания документа от левого и правого края страницы в пикселях. Не работает в IE. В Netscape и Opera задает отступ от края страницы только с слева. Имеет такое же значение что и атрибуты topmargin, bottommargin, leftmargin, rightmargin и marginheight .
Background Этот атрибут определяет изображение и заливает этим изображением фон страницы. Значение задается в виде полного URL или имени файла с картинкой в формате gif или jpg .
|