←Главная страница→
←Главная страница→

ТЕГИ

Тег-это "метка".Обычно их две начальная и конечная.Между ними находится текст,который форматируется взависимости от того какие "метки" были использованы.Обычно теги парные,но есть и одиночные.


                              Общая схема построения:    <"имя тега" "список атрибутов">содержание</"имя тега">

                                                           Пример:   < body text="#ffffff">Учебник HTML</body>

                                                         открыващий тег -<тег>               закрывающий тег-</тег>



Обязательные теги

<html>-этот тег открывает документ
<head>-cодержит информацию для браузеров и поисковых систем-</head>
<title>-визуальный заголовок HTML-страницы-</title>
<body>-содержание веб-страницы,отображаемое в браузере</body>
<html>-этот тег закрывает документ


Правила применения тегов

1.Теги можно писать как прописными так и строчными буквами.
(рекомендуется придерживаться одной выбранной формы записи)
2.Строки можно переносить
(рекомендуется писать теги в одну строку,т.к. ухудщается восприятия текста и его становится сложнее править)
3.Значения параметров тегов следует указывать в двойных или одинарных кавычках
(браузеры корректно обрабатывают код и без кавычек,за искл. текста содержащего пробелы)
4.Закрывающий тег имеет три состояния:обязателен,не обязателен и не требуется
(рекомендуется закрывать и не обязательный тег)
5.Тег написанный неправильно игнорируется браузером и отображается в окне как текст


Элемент <!DOCTYPE>

DOCTYPE (document-документ type-тип)-данный элемент указывает тип текущего документа и дает возможность понять браузеру согласно какому стандарту отображать веб-страницу.Без <!DOCTYPE> страница все равно будет показана .Но может получиться,что одна и та же страница в разных браузерах будет отображаться по разному.

(записывается в первую строчку кода)

Виды <!DOCTYPE>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">Строгий синтаксис HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Переходный синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">В HTML-документе применяются фреймы

Тег <META...>

Метатеги используются для указания информации предназначенной для браузеров и поисковых систем.Мета-определения имеют два основных типа данных:
http-equiv и name

Синтаксис:
<meta http-equiv="имя" content="содержание">

Конструкции:
1)meta http-equiv="expires"
Конструкция определяет возможность запрета кэширования HTML-страниц за счет указания даты устаревания документа. По истечении срока,указанного в этом параметре, браузер при повторном обращении к документу будетперенаправлен к источнику для обновления информации. Значение параметра content описывается в следующей последовательности: день недели (Mon, Tue, и т.д.), число (01, 02, и т.д.), месяц (Jan, Feb,и т. д.), год, время (часы, минуты, секунды) и часовой пояс
<meta http-equiv="expires" content="Sat, 5 Jan 2009 15:30:00 GMT">
Приведенный пример говорит о том, что в субботу, 5 января 2009 года,в 15 часов 30 минут по Гринвичу "срок годности" HTML-документа истечет,что потребует от браузеров обновления данных при обращении к содержанию страницы.
2)meta http-equiv="refresh"
Такая конструкция указывает браузеру перезагружать содержимое окна через заданный промежуток времени. При добавлении дополнительного параметра URL через указанное время (в секундах) будет произведена переадресация на внешний адрес. Следующий пример дает браузеру команду ровно через 20 секунд перенаправить посетителя по адресу http://www.book.ru:
<meta http-equiv="refresh" content="20; url=http://www.book.ru">
Причин для использования такой конструкции может быть несколько: вашWeb-сайт переехал на другой сервер, вы хотите показать рекламный блок,а потом перенаправить посетителя на заглавную страницу и т. д. Простаяперезагрузка содержимого страницы может пригодиться в случае динамического изменения информации, работы скрипта по случайному выводу данных, электронных презентаций и пр.
3)meta http-equiv="content-type"
Главная функция данной конструкции это определение типа и кодировки документа. Наиболее используемыми значениями кодировки русскоязычных HTML-документов являются Windows-1251 и KOI8-R. На некоторых серверах возможно автоматическое перекодирование документов, в связи с чем использовать эту конструкцию не рекомендуется. Также необходимо проследить, чтобы кодировка текста документа совпадала с кодировкой, обозначенной в значении charset.
<meta http-equiv="content-type" content="text/html; charset=Windows-1251">
4)meta name="description
Предоставление небольшого описания текущего HTML-документа, также необходимого для поисковых систем (при поиске информации описание выводится рядом со ссылкой на найденный интернет-ресурс):
<meta name="description" content="HTML. Онлайн учебник по HTML">
5)meta name="author"
Конструкция предназначена для указания автора (авторов) текущего документа.
<meta name="author" content="Виктор Коломейцев">
6)meta name="robots"
Это одна из наиболее важных конструкций, используемая при описании правил для индексирования документа поисковыми системами (роботами). Отдельно следует перечислить возможные значения параметра
content:
  • all – разрешение индексирования документа со всеми присутствующими в нем гиперсвязями (ссылками);
  • none– запрет индексирования документа со всеми присутствующими в нем гиперсвязями;
  • index–разрешение индексирования документа;
  • noindex– запрет индексирования документа;
  • follow–разрешение индексирования присутствующих в документе гиперсвязей;
  • nofollow–запрет индексирования присутствующих в документе гиперсвязей.
Если конструкция МЕТА NAME= "Robots" не указывается, то поисковый робот индексирует документ со всеми присутствующими в нем гиперссылками(равнозначно значению all или index, follow).
<meta name="robots" content="all">
Сводная таблица meta-определений
ПАРАМЕТРФУНКЦИЯ
expiresЗапрет кэширования HTML-документа по истечении указанного срока
refreshПерезагрузка/переадресация через заданный промежуток времени
content-typeОпределение типа и кодировки документа
content-languageУказание языка документа
cache-controlКонтроль кэширования документа
window-targetОпределение места загрузки документа(используется для фреймовых структур)
set-cookieНастройка чтения данных Cookies (данных пользовательского компьютера)
ext-cacheУправление альтернативным кэшем документа
locationУказание места расположения документа в Интернете (полный адрес)
keywordsУказание ключевых слов документа
descriptionУказание краткого описания документа
authorИнформация об авторе (авторах) документа
robotsСоставление правил для индексирования документа поисковыми системами(роботами)
ratingУстановление возрастной категории содержания документа
document-stateОпределение частоты индексирования документа
revisitОпределение промежутка времени, через которое должно производиться повторное индексирование документа
distributionКатегория распространения документа(массовое или ограниченное)
urlУказание основного адреса документа для индексирования (в случае существования "зеркальных" копий)
copyrightУстановление авторского права и перечисление условий распространения документа
generatorИнформация о программном обеспечении,с помощью которого создавался документ

<<<Назад|Далее >>>
.
Hosted by uCoz