ТОР 5 статей:
Методические подходы к анализу финансового состояния предприятия
Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века
Характеристика шлифовальных кругов и ее маркировка
Служебные части речи. Предлог. Союз. Частицы
КАТЕГОРИИ:
- Археология
- Архитектура
- Астрономия
- Аудит
- Биология
- Ботаника
- Бухгалтерский учёт
- Войное дело
- Генетика
- География
- Геология
- Дизайн
- Искусство
- История
- Кино
- Кулинария
- Культура
- Литература
- Математика
- Медицина
- Металлургия
- Мифология
- Музыка
- Психология
- Религия
- Спорт
- Строительство
- Техника
- Транспорт
- Туризм
- Усадьба
- Физика
- Фотография
- Химия
- Экология
- Электричество
- Электроника
- Энергетика
Теги для программистов, браузеров и роботов
Тег CODE используется для демонстрации листингов программ в их исходном виде без форматирования, шрифтом одного размера (моноширинным - monospaced). Например, <CODE> код программы </CODE>
Тег DOCTYPE - содержит информацию о версии HTML согласно спецификациям HTML и XHTML и сообщает стандарту, какую именно версию (X)HTML Вы используете в своей web-странице. Этот тег должен всегда находиться в первой строке каждой web-страницы. Тег DOCTYPE - ключевой компонент web-страниц, претендующих на соответствие стандартам: без него Ваш код и CSS не пройдут проверку валидатором. Он также важен для правильного отображения и работы страницы в браузерах, соответствующих стандартам (Mozilla, Opera, IE5/Mac и IE6/Win). Например, <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">, но это краткий неполный вид тега.
Вы получите массу ошибок визуализации web-страницы, если будете пользоваться неполным или неправильным тегом DOCTYPE. Данный раздел попробует предотвратить эту ошибку в Ваших сайтах.
Тег DOCTYPE, в атрибутах которого указывается полный URI (полный web-адрес), сообщает браузерам, что страницу нужно вывести с соблюдением определенного стандарта или подвида этого стандарта.
Если Вы будите пользоваться неполным тегом DOCTYPE, который привенен выше, или вообще забудите про него, то браузер перейдет в непредсказуемый режим и будет исходить из предположения, что Вы писали код страницы с ошибками, а также вольно отступали от стандартов.
В этом режиме браузер попытается разобрать Вашу web-страницу по правилам обратной совместимости (от современной версии к более старой) и выведет на экран, как его вывел бы Internet Explorer 4-ой версии, а DOM (Document Object Model - объектная модель документа) будет работать так, как она работала именно в этом браузере.
Замечание: браузер Opera всегда пытается отобразить страницу так, как если бы она соответствовала стандартам.
Ниже перечислены полные варианты тега DOCTYPE для различных нужд:
Стандарт HTML 4.01 Strict (строгий) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Стандарт HTML 4.01 Transitional (переходный) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Стандарт HTML 4.01 Frameset (с фреймами) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Стандарт XHTML 1.0 Strict (строгий) <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Стандарт XHTML 1.0 Strict Transitional (переходный) <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Стандарт XHTML 1.0 StFrameset (с фреймами) <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Стандарт XHTML 1.1 DTD <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Проверьте, вставляет ли используемый Вами web-редактор в создаваемые web-страницы тег DOCTYPE, а если вставляет, - правильный ли вариант тега он использует?
Многие разработчики ПО просто скопировали неполные варианты тега DOCTYPE с сайта W3C в свои программы и в результате Вы, полагаясь на программу, которая вставляет неправильный вариант тега, провоцируете браузер на непредсказуемый режим, в котором Ваши web-страницы не работают должным образом. Вы же будите размышлять над загадкой, почему это происходит.
Тег KBD используется для указания текста, который пользователь должен ввести с клавиатуры с отображением шрифтом одного размера. Например, <KBD> текст </KBD>
Тег LINK предоставляет документу независимый от среды метод определения отношения данного документа к другим документам и ресурсам Сети. Используется с одним из двух атрибутов rel и rev. Эти атрибуты могут также использоваться с тегом A. С помощью тега LINK можно:
· предоставлять альтернативные формы для данного сайта
· привязывать такие ассоциированные ресурсы, как таблицы стилей и скрипты (см. раздел 2)
· создавать в документе специальные навигационные кнопки или меню
· управлять процессом отображения набора HTML файлов в печатные документы
Теги LINK могут распологаются только в заголовке HTML-документа, внутри контейнера HEAD и потому они остаются невидимыми для посетителя сайта. Начнем с атрибута rel, который может принимать значения: contents, copyright, glossary, help, index, next, previous, search, top. Рассмотрим некоторые из рекомендованных значений:
Значение «contents» атрибута rel указывает на некий файл, где приводится оглавление к данному документу.
Значение «copyright» ссылается на текст, где указаны авторские права на данный документ.
Значение «glossary» указывает на некий документ, где содержится глоссарий терминов, относящихся к текущему документу.
Значение «help» ссылается на документ, предлагающий некую помощь. Например, это может быть текст, дающий более развернутое описание сайта и предлагающий ссылки на другие документы по этой теме. Назначение этой связи - оказание помощи тем посетителям, кто потерял свой путь в WWW. Например, <LINK rel=help href="http://www.miemp.ru/help.html">
где http://www.miemp.ru/help.html - страница помощи по данному документу.
Значение «index» указывает на другой документ, который можно использовать в целях индексного поиска по текущему документу.
Значение «next» указывает на следующий документ в неком заранее предопределенном маршруте просмотра. Например, может использоваться для упреждающей автоматической загрузки браузером следующей страницы.
Значение «previous» ссылается на предыдущий документ в некотором предопределенном маршруте просмотра.
Значение «search» задает ссылку, которая ведет к поисковой странице, контролирующей некий набор страниц, связанных общей темой.
Значение «top» указывает на вершину в некой иерархической структуре, например на первую, либо титульную страницу в неком наборе документов.
Атрибут rev используется в теге LINK для индикации обратного соотношения документов. <LINK rev=help href="http://www.miemp.ru/index.html"> где текущая страница является страницей помощи для документа http://www.miemp.ru/index.html
Пользователи используют для поиска информации в Интернете поисковые системы, которые обычно анализируют сайты по гиперссылкам на их страницах и хранят информацию, идентифицирующую и классифицирующую каждую из этих страниц. Такую информацию поисковым системам предоставляет тег META. Эти теги также распологаются в заголовке HTML-документа, внутри контейнера HEAD и потому они остаются невидимыми для посетителя сайта. Они предоставляют браузерам дополнительные сведения о способе обработки документа, позволяют поисковым роботам определить правила обработки ссылок страницы и многое другое. Закрывающий тег для META не используется. В тегах META используются два обязательных атрибута – на первом месте name или http-equiv и затем content, который используется для задания значений для поисковых систем. Это разделение связано с синтаксисом <META name="имя" content="значение"> и, соответственно, <META http-equiv="имя" content="значение">. Каждый тег МЕТА определяет пару свойство/величина. Для тега META есть и не обязательный атрибут – lang, который размещается между обязательными атрибутами и служит для указания языка используемого для написания значения content. Атрибуты name и http-equiv идентифицируют свойство, а атрибут content определяет значение этого свойства.
· Атрибут name - это информационно-управляющая часть, используется приложением-клиентом, т.е. браузером или поисковым роботом. Данный атрибут содержит скрытую информацию, не входящую в заголовок HTTP, и идентифицирует имя свойства.
· Атрибут http-equiv - это эквивалент заголовка HTTP-сервера (однако, имеющий более низкий приоритет перед заголовком, генерируемым самим сервером).
Начнем с атрибута name, который используется для идентифиции типа самого тега МЕТА. Его возможные значения: «author», «copyright», «date», «description», «keywords» и другие. Если у тега META атрибут name имеет имя «author», то этот вариант значения атрибута позволяет Вам указать автора документа как значение атрибута content. Пример:
<META name="author" content="В.К. Сибирский">
Использование значения «copyright» для атрибута name позволяет обозначить владельца авторских прав на документ для поисковых роботов. Обычно описание этих прав осуществляется в произвольном формате. Например: <META name="copyright" content="© МИЭМП 2010 год">
Использование значения «description» для атрибута name позволяет указать краткое описание страницы для поисковых роботов. Например: <META name="description" content="Этот сайт представляет собой электронную библиотеку МИЭМП, созданную в 2011 году">. Не рекомендуется превышать длину в 200 символов, так как поисковые роботы и каталоги не любят пространных изложений.
Использование значения «document-state» для атрибута name позволяет управлять индексацией страницы для поисковых роботов. Определяет частоту индексации - либо один раз индексировать, либо реиндексировать документ регулярно. Например: <META name="document-state" content="static"> Возможные значения:
· static – индексировать один раз
· dynamic – реиндексировать документ регулярно
Использование значения «keywords» для атрибута name позволяет обозначить ключевые слова страницы для ее индексации поисковыми роботами. Например: <META name="keywords" content="библиотека, МИЭМП">. Здесь не рекомендуется превышать длину в 1000 символов для списка ключевых слов. Помните поговорку «краткость - сестра таланта».
Использование значения «robots» для атрибута name позволяет управлять индексацией страницы для поисковых роботов. Тег <META name="robots" content="..."> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам.
Инструкции по индексации записываются как значение атрибута content. Возможны следующие инструкции:
· all - равносильно index вместе с follow
· follow - разрешает проход по ссылкам. Значение по умолчанию
· index - разрешает индексирование документа. Значение по умолчанию
· noindex - запрещает индексирование документа;
· nofollow - запрещает проход по ссылкам, имеющимся в документе;
· none - равносильно noindex вместе с nofollow
В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов:
<META name="robots" content="index, nofollow">
В атрибуте content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение атрибута content не может иметь вид «none, nofollow».
Теперь перейдем к описанию возможностей атрибута http-equiv этого тега. Они эквивалентны HTTP-заголовкам и обычно управляют действиями браузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Тег META с таким атрибутом может дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки (например, сервер Apache). Некоторые генерируемые сервером поля заголовков не могут быть заменены значениями из тега META (в частности Date), другие заменяются только при ненормальном статус-коде (не равном 200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением тега META.
Истечение срока годности веб-ресурса задается значением «expires» атрибута http-equiv. Например, <META http-equiv="expires" content="Wed, 07 Feb 2010 00:20:00 GMT">, что эквивалентно HTTP-заголовку «Expires: Wed, 07 Feb 2010 00:20:00 GMT».
Этот тег управляет кэшированием в HTTP/1.0, причем дата должна быть задана в формате, описываемом в RFC850. При истечении "срока годности" документ будет считаться "просроченным" и браузер будет заново обращаться к источнику, чтобы обновить документ. Если дата годности запрашиваемого документа истекла, он не будет кэшироваться браузером. При значении "0" (интерпретируется как "сейчас") атрибута content, браузер каждый раз при запросе должен проверять - изменялся ли документ (брать его с сервера, а не из кэша). Поисковые роботы могут либо совсем не индексировать такой документ («думая», что устаревший документ не заслуживает внимания), либо постоянно проверять его.
Тип и кодировка документа определяются заданием значения «content-type» атрибута http-equiv тега МЕТА. Указание кодировки документа (charset) не является обязательным и может быть использовано, когда Вы хотите заранее задать кодировку. Например, <META http-equiv="content-type" content="text/html; charset=windows-1251">
Основное назначение этого тега - сообщение браузеру об используемой кодировке. Использовать атрибут content-type тега МЕТА надо только с учетом некоторых нюансов:
· кодировка символов текста должна соответствовать кодировке, указанной в теге.
· сервер не должен менять кодировку текста при обработке запроса браузера.
· если сервер меняет кодировку текста, он должен скорректировать или удалить атрибут content-type тега МЕТА.
Несоблюдение этих требований может привести к тому, что web-сервер автоматически определит кодировку запроса клиента и отдаст браузеру страничку перекодированной. Браузер, в свою очередь, будет читать документ в соответствии со значением «content-type» атрибута http-equiv тега МЕТА. И если кодировки не совпадут, то прочитать документ можно будет только после ряда манипуляций направленных на смену кодировки, чтобы увидеть нормальные слова! Некоторые из возможных типов кодировки:
· ISO-8859-1- Latin-1, для большинства западноевропейских языков
· Windows-1251- кириллица (Windows)
· KOI8-r- кириллица (КОИ8-Р).
· cp866- кириллица (DOS)
· Windows-1252- Западная Европа (Windows)
· Windows-1250- Центральная Европа (Windows).
Язык документа определяется заданием значения «content-language» атрибута http-equiv тега МЕТА. Например, <META http-equiv="content-language" content="ru">
Значение «content»указывает язык документа. Используется поисковыми машинами при индексировании, хотя большинство из них умеют различать язык по тексту. Некоторые из возможных языков документа:
· de - Немецкий
· en - Английский
· en-GB - Английский, Великобритания
· en-US - Английский, Американская версия
· es - Испанский
· fr - Французский
· ru - Русский
· ua -Украинский
Примеры:
· <META http-equiv="content-language" content ="ru">
· <META http-equiv="content-language" content ="ua">
Начания со спецификации HTML 4.0 появилась другая возможность явного указания языка в теге HTML - <HTML lang="en">
Перезагрузка документа осуществляется заданием значения «refresh» атрибута http- equiv тега МЕТА. Например, <META http-equiv="refresh" content="n; url=адрес"> Некоторые из возможных значений:
· n - время в секундах (целое число)
· URL - адрес документа (можно не указывать)
Используется для автоматической перезагрузки указанной страницы через заданное время, но имеется и дополнительная возможность - автоматическая загрузка другого документа. Если URL не указан, браузер перезагрузит текущий документ [как если бы пользователь нажал кнопку «Reload» («Перезагрузка») на панели инструментов браузера]. Это свойство полезно, например, если информация на странице часто меняется, например онлайн репортаж о футбольном матче. Так же этот тег может использоваться для автоматической переадресации посетителя с одной страницы на другую (указывается нужный URL). Примеры:
· <META http-equiv="refresh" content="3; url=http://www.miemp.ru/"> что эквивалентно HTTP-заголовку «Refresh: 3; url=http://www.miemp.ru/»
· <META http-equiv="refresh" content="30"> что эквивалентно HTTP-заголовку «Refresh: 30»
Перезагрузка файла cookie осуществляется заданием значения «set-cookie» атрибута http- equiv тега МЕТА. Например, <META http-equiv="set-cookie" content="name=имя; expires=дата; domain="имя домена"; path=путь; secure"> Некоторые из возможных значений:
· имя - любая строка данных без знаков препинания, пробелов и переходов на следующую строку. Это обязательный параметр;
· дата - дата истечения срока хранения файла cookie в формате: Sun, 14-Jul-10 3:00:00 GMT, если дата не задана, то cookie не сохраняется (необязательный параметр);
· имя домена - домен, для которого действительно значения cookie, если не указан, то считается, что это тот сервер, где лежит сайт (необязательный параметр);
· путь - путь к документам домена, для которого действительно значения cookie, если не задан, тогда тот каталог, где лежит сайт (необязательный параметр);
· secure - указывается только если применяется защищенный режим SSL (Secure Sockets Layer — уровень защищённых сокетов — криптографический протокол, который обеспечивает установление безопасного соединения между клиентом и сервером), если нет, то информация передается в обычном режиме (необязательный параметр).
Установка Cookie для браузера в том случае, когда надо сохранить информацию в компьютере посетителя и при необходимости к ней обратиться. Браузер, встретив такую строку, записывает данные в текстовый файл и хранит в кэше, в следующий раз он сверяет все свои cookie на предмет полного совпадения, и если находит, то отсылает серверу как HTTP заголовок. В настройках браузера cookie должны быть разрешены, каждый файл не может превышать 4 kB (иначе начальные записи удаляются, освобождая место новым) всего их может храниться до 400, и причем, не больше 20 с одного сервера (иначе более старые файлы удаляются).
Не нашли, что искали? Воспользуйтесь поиском: