Залезем в голову Html-страницы…


Павел Киреев 01/02/2010 1

В этой статье мы подробно разберем, что нужно помещать в контейнер <Head> и как все это правильно использовать в наших коварных целях (:

Доброго времени суток. Сегодня речь пойдет о головушке нашей web-сранички, а точнее о том, что можно поместить  в контейнер  <Head></head>.  Как  в  жизни нам тяжело увидеть то, что творится в голове человека, так и то, что находится в нашем контейнере, нельзя увидеть на страничке сайта. В эту голову помещаются определенные теги, которые мы рассмотрим ниже.

Первый тег, который нужно знать, это <TITLE>. В этот контейнер мы вписываем название нашего сайта. Например,  <TITLE>Название Сайта</TITLE>. Таким образом, название сайта будет располагаться в левом верхнем углу браузера или на вкладке.

<html>
<head>
<title> Название Сайта </title>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<meta name=»Description» content=»Сайт о интернет заработке и технологиях»>
<meta name=»Keywords» content=»Заработок, web-программирование, web-дизайн  «>
<meta HTTP-EQUIV=»REFRESH» content=»3; URL=http://seofin.ru»>
</head>

Второй тип тегов, который размещается в контейнере <Head></head>, это метатеги <META>. Метатеги используются для хранения информации предназначенной для браузеров и поисковых систем. Тег <META> имеет множество параметров, подставляемых в поле «name».

Разберем код примера по строчкам.

<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>

Данный метатег сообщает браузеру в какой кодировке находятся символы web-страницы. В этом случае  текст страницы будет написан на кириллице. Желательно чтобы кодировка страницы соответствовала кодировке сервера на котором она будет размещена. За кодировку отвечает  аргумент  «charset». Ну, а про кодировки уже отдельный разговор.

<meta name=»Description» content=»Сайт о интернет заработке и технологиях»>

Следующий метатег  «Description»  отвечает за описание вашей странички, а так же может быть выведен в результатах поисковой системы. Так что желательно его использовать во избежание описания составленного из первых, встретившихся на сайте слов.

<meta content=»Заработок, web-программирование, web-дизайн «>

Метатег «Keywords» предназначен для описания ключевых слов, которые кратко определяют суть вашего сайта. Он необходим для поисковых систем, но в настоящее время ему не очень доверяют. Желательно не переборщить с ключевыми словами и писать только те, которые относятся к содержанию сайта. Ключевые слова пишутся через запятую или пробел (не столь важно) .

<meta HTTP-EQUIV=»REFRESH» content=»3; URL=http://seofin.ru»>

Последним рассмотрим метатег автозагрузки страниц (HTTP-EQUIV=»REFRESH») . Он необходим, чтобы автоматически загружать новый документ через определенный промежуток времени. В данном случае страница обновится через 3 секунды и вы перейдете на сайт http://seofin.ru . За это отвечает параметр «content».  В итоге вы получите так называемый «редирект».

Так же в контейнер <Head> прописывают каскадные таблицы стилей (CSS-Cascading  Style  Sheets, нужен для того, чтобы изменять вид страницы посредством хранимых в нем элементов форматирования), и скрипты (мини-программы для выполнения определенных задач на странице, самым распространенным скриптовым языком является JavaScript ).

Надеюсь вы заполнили ваши <HeadЫ> полезной информацией, до новых встреч.

Залезем в голову  Html страницы…

Постовой:

Предлагаем Вам посетить интернет магазин десткой одежды, где Вы найдете: комбинезоны, платья, футболки, шорты и многое другое!

Еще интересные записи:

Еще новости:

  1. Формируем представление о теле WEB-страницы
  2. Php и html-формы
  3. Для web-страницы главное, чтобы костюмчик сидел
  4. Вяжем ссылками web-странички
  5. Заглянем под одежду web-странички
  6. «Зайка моя я твой зайчик» или введение в CSS

1 коммент. »

Коментировать »