Самоучитель по HTML

Справочник HTML

Оглавление:

  1. С чего начать?
  2. тег <BODY>
  3. Комментарии
  4. Просмотр результата
  5. Создание абзацев
  6. Создание заголовков
  7. Выравнивание текста
  8. Тег <PRE>
  9. Форматирование текста
  10. Атрибуты шрифта
  11. Специальные символы и таблица UNICODE
  12. Тег <HR>
  13. Гиперссылки
  14. Ссылки на объект в текущем документе
  15. Вставка графических изображений
  16. Бегущая строка
  17. Создание списков
  18. Создание таблиц
  19. Фреймы
  20. Встроенный фрейм
  21. Создание форм

CSS

  1. Каскадные таблицы стилей
  2. Способы определения стилей
  3. Определение стилей через классы
  4. Определение стилей через индентификаторы
  5. Позиционирование элементов Web-страницы
  6. Шрифты
  7. Свойства текста
  8. Свойства блоков текста
  9. Цветовое оформление
  10. Создание полей в документе
  11. Абзацный отступ
  1. Корректное отображение Web-страницы
  2. Атрибуты тега <META>

Атрибуты тега <META>

Вся информация, заложенная в этом теге, предназначена для броузера, что б он правильно отобразил Web-страницу.

Данный тег можно вообще не указывать, как многие и делают, чтобы избежать ненужных неприятностей и траты времени. Но этот тег имеет и свои преимущества.

Мета-теги записываются внутри контейнера <HEAD>...</HEAD> и обычно после контейнера заголовка страницы <TITLE>...</TITLE>.

Все мета-теги делятся на два вида:

  • <META HTTP-EQUIV="..." CONTENT="...">
  • <META NAME="..." CONTENT="...">

Рассмотрим сначала META-теги с атрибутом HTTP-EQUIV.

Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой с сервера о вашей странице. Его значения:

  • Refresh - заставляет страницу пользователя обновляться время от времени. Время, через которое следует обновляться странице, указывается в атрибуте Content="..." в секундах:
    <META HTTP-EQUIV="Refresh" Content="5">
    Если же вы ещё добавите атрибут URL="...", с указанием адреса web-страницы, то это будет означать, что у пользователя автоматически загрузиться данная страница через пять секунд. Например:
    <META HTTP-EQUIV="Refresh" Content="5" URL="http://manuals.1gb.ru">
    Довольно часто этот метод применяется, когда ваш сайт переехал на другой адрес.

  • Content-Type - указывает тип документа, то есть то, что в нём содержится. Содержание документа задаётся атрибутом CONTENT="...", где, как правило, указывается значение text/html, что означает, что в документе содержится обычный текст и HTML-теги. Атрибут CONTENT="..."может быть расширен указанием кодировки страницы charset="...", который указывает броузеру, с помощью чего мы её вообще создали:
    <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251">
    Использовать указание кодировки следует очень осторожно, так как если страница была создана с помощью одной кодировки, а указана будет другая, то броузер просто возможно не сможет её прочитать. То есть, допустим вы создаёте свою страничку в Блокноте, то есть в Windows, и указываете кодировку windows-1251, затем проверяете свою страничку на работоспособность, всё работает нормально, но когда загружаете её на сервер, вдруг возникают проблемы, так как все документы на этом сервере находятся в кодировке KOI8-R, поэтому ваша страница тоже автоматически перекодируется в эту кодировку, но при этом в теге META по-прежнему будет указана кодировка windows-1251, тогда вашу страницу просто никто не сможет прочесть.
    Если же сервер, куда вы в дальнейшем выгружаете свою страницу, поддерживает функцию автоматического изменения кодировки в зависимости от настроек броузера, то данный тег можно вообще не использовать.

Здесь я указал только два значения атрибута HTTP-EQUIV="...", хотя их гораздо больше. Но эти два одни из основных.

Теперь рассмотрим теги META второго вида.

Теги с атрибутом NAME очень важны при поиске вашей web-страницы поисковыми системами, так как они влияют на определение информации, которая будет занесена в базу данных поисковой системы, а следовательно увеличивается шанс, что при поиске той или иной тематики в интернете, именно ваша страница высветится среди первых, что увеличит её популярность.

Значения атрибута NAME:

  • Robots - управляет индексацией вашей web-страницы для поисковых систем. Его значения:
    • ALL - разрешена индексация всех страниц;
    • NONE - запрещена индексация;
    • INDEX - разрешена индексация индексных страниц;
    • NOINDEX - запрещена индексация индексных страниц;
    • FOLLOW - разрешено следовать по ссылкам данной страницы;
    • NOFOLLOW - запрещено следовать по ссылкам данной страницы;

      Например:
      <META NAME="Robots" CONTENT="None, nofollow">

      То есть индексация запрещена, а также запрещено следовать по ссылкам данной страницы.

  • description - задаёт краткую тематику вашей web-странички, то есть её краткое описание. Не стоит создавать слишком большое описание вашей странички - рекомендуется ограничиться 100 символами, так как поисковые машины в большинстве случаев имеют ограничение на количество индексируемых символов. Сам текст пишется в атрибуте CONTENT="...". Например:

    <META NAME="description" CONTENT="Данный сайт предназначен для тех, кто только начинает создавать web-страницы и не знает с чего начать.">

  • keywords - данное значение даёт нам возможность перечислить все те слова, которые соответствуют тематике нашего сайта. Именно по этим словам нашу страничку и будут находить поисковые системы. Здесь надо ограничиться 1000 символами. Например:

    <META NAME="keywords" CONTENT="HTML, создание web-страниц, самоучитель по сайтостроительству.">

Есть много и других значений, с помощью которых задаются те или иные параметры, но вышеперечисленные являются основными.


Предыдущая страница

Вы можете свободно использовать фрагменты сайта, с условием размещения ссылки на наш сайт:
<a href="http://tri222.narod.ru"><b>Самоучитель по созданию Web-страниц.</b></a>

Copyright © 2008 "tri222.narod.ru"
Вопросы и свои предложения вы можете отправлять на tri222@yandex.ru

Хостинг от uCoz