Учебник HTML - Урок 1, head
2008
Наша страничка начинается с ряда служебных тегов, которые нужны либо для правильного отображения документа на экране, либо для его надлежащей индексации роботами поисковых системам – вы ведь не только для себя делаете этот великий сайт?
Самым первым из всех, даже прежде самого тега <html>, идёт DOCTYPE. Тип документа, как нетрудно догадаться. На самом деле, этих типов много. Но я предлагаю вам не углубляться в детали их различий, а просто скопировать в начало странички нижеприведенную форму, и забыть об этом:
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
Поверьте, на первое время вам хватит. 
Далее начинается собственно документ. Он целиком заключён в тег html, поскольку написан именно на этом языке, и состоит из двух частей - head и body, головы и тела документа – его заглавия и содержания, соответственно. Выглядит это так:
<html>
<head></head>
<body></body>
</html>
Все три тега являются контейнерами, то есть состоят из двух частей - <открывающего тега> и </закрывающего тега>. Между ними могут располагаться другие теги, текст, картинки и т.д. Контейнеры требуют обязательного закрытия, на волю браузера в таких делах лучше не полагаться. Один вас поймёт, а три других возьмут да отобразят ваш сайт настолько коряво, что посетитель никогда больше к вам не вернётся.
Содержимое тега head: мета – теги
Мета-теги должны стоять в голове документа.
Вот они:
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
Этот тег сообщает нам, что содержание документа – текст с разметкой html, а кодировка - windows-1251.
<meta name=”keywords” content=”здесь, ключевые, слова, через, запятую”>
Ключевые слова внутри кавычек предназначены для поисковых роботов. Предполагалось, что они помогут правильно классифицировать сайт для последующей выдачи по запросам. Но частые случаи манипуляции, когда в этом теге писались популярные запросы, никак не связанные с тематикой и содержанием сайта, привели к тому, что в настоящее время ключевые слова поисковиками практически не учитываются.
<meta name=”description” content=”здесь описание вашего сайта“>
Предложенное вами описание сайта вполне может быть показано в результатах поиска, например, Гуглом. А может и не быть.
<title>Название</title>
Название страницы – тег важный. Во-первых, он учитывается и выводится в результатах поисковыми системами, а во-вторых – виден пользователю. Именно содержимое этого тега служит названием окна браузера, которое мы видим вверху окна, и на кнопке панели задач. Поэтому оно должно быть ярким и не повторяться.
<link rel=”stylesheet” type=”text/css” media=”screen” href=”style.css”>
stylesheet – это таблица стилей. Когда у сайта сложный стиль, многочисленные указания по оформлению целесообразно вынести в отдельный документ, чтобы не прописывать их снова на каждой странице. О таблицах стилей мы будем говорить отдельно, а покуда наш сайт в них не нуждается, тег этот можно вообще не прописывать.
В голове документа прописываются и адреса скриптов, которыми мы здесь тоже пока не занимаемся. В общем и целом, можно сказать, что с содержимым head мы разобрались.
Метки: html и css, сайтостроение