В первой главе этого учебника, об общем построении html документа, я говорил о том, что все html документы должны иметь вот такой шаблон кода:
<html> — начало документа <head> — начало головы </head> — закрытие головы <body> — начало тела </body> — закрытие тела </html> — конец документа
Где между тегами <body> </body> указывается информация предназначенная для вывода на экран в нужном нам виде, а между тегами <head> </head> исключительно служебная информация предназначенная для поисковых систем и браузеров тех или иных пользователей. Так что же это за информация такая и для чего она нужна? Отвечу, планомерно и порционально в этой главе.
С тегом <title>
мы уже знакомы, с помощью него мы указываем имя документа в заголовке страницы. Теперь новый тег <meta> (закрывающего тега не требует) с помощью него мы и будем указывать эту самую служебную информацию на нашей страничке.
<meta> тег имеет следующие атрибуты:
http-equiv — указывает браузеру как следует обработать основное содержание документа, точнее на основе каких данных.
name — информационное имя. (применяется в паре с атрибутом content)
content — информационное содержание, связанное с мета именем (
Сначала расскажу зачем необходима эта строка в заголовке html документа. Данная запись указывает браузеру кодировку в которой была написана данная страница — формат документа и раскладку клавиатуры, в данном случае это кириллица для Windows. Если эту строку не писать в заголовке страницы, то есть большая вероятность что весь текст на Вашей странице отобразится в виде непонятных человеку «иероглифов» у разных пользователей тех или иных браузеров. Конечно, пользователь может применить к такому документу команду в браузере
Вид->Кодировка->Кириллица, но он может не знать о данной функции, да и зачем утруждать человека данным действием.
Теперь разберём по «слогам» нашу запись: <meta http-equiv=»Content-Type» — указываем что в этом мета теге мы будем заниматься Content-Type — типом содержания Content=»text/html; — а именно его текстом Charset=Windows-1251″> — документ для Windows — Кириллица где 1251 кодировка раскладки клавиатуры, так например Английская клавиатура будет задаваться
Charset=Windows-1252
В настоящее время продвинутые веб-мастера рекомендуют использовать кодировку UTF 8
Данные метаописатели предназначены для заявления об авторских правах непосредственно в заголовке html кода, так name=»author» указывает имя автора страницы, а name=»copyright» авторское право (копирайт) в котором может указываться фамилия, имя, отчество автора сайта, название фирмы, бренда.. и т. д. Кроме того включив в заголовок документа такое описание Вы значительно упростите задачу поисковой машине при поиске Вашего сайта по имени автора, названию фирмы, бренду…
Пример:
<meta name =»Generator» Content=»Microsoft Notepad»>
Если хотите можете указать с помощью какого html редактора была написана данная страница.
Пример:
<meta name=»description» Content=»Производим закупку по выгодным ценам рогов и копыт!»>
Description — краткое описание страницы. Данное описание частенько используется поисковыми системами для вывода в результатах поиска, по какому либо запросу, информации о сайте и его назначении.
Keywords — ключевые слова веб-страницы, опять таки предназначены для поисковых машин.
Представьте что Вы ищете в какой либо поисковой системе сайт с информацией о том где можно продать те же рога и копыта 🙂 Какие слова и фразы Вы будите вводить в строке «Поиск»? ну наверно что то типа: «Где продать коровьи рога?» или «Реализовать копыта по выгодной цене» Так вот если определить ключевые слова и так сказать предугадать мысли потенциального посетителя можно надеяться на то, что та или иная поисковая система выдаст ссылку на Ваш сайт в первых строчках результата поиска.
Конечно ввод данного метоописателя не есть гарант того что именно Ваш сайт займет первые места в поиске по данным словам, но всё же не стоит им пренебрегать. Впрочем, оптимизация и раскрутка сайта это отдельная тема для разговора.
Помните что описание description не должно превышать по длине более 200 символов, а ключевые слова keywords
1000 символов, иначе это может пагубно отразится при продвижении Вашего сайта в ТОП поисковых систем.
Думаю понятно.. здесь указывается адрес Вашего почтового ящика Publisher-Email и адрес сайта Publisher-URL
Пример:
<meta name =»revisit-after» Content=»15 days»>
Если некая страница на Вашем сайте подразумевает постоянное обновление и/или дополнение информационным содержанием, то хорошо было бы включить данное описание в заголовок данной страницы.
Такое введение позволит программе роботу своевременно посещать Ваш сайт и индексировать его содержание. В нашем примере мы заявили о том, что собираемся обновлять содержание на странице не менее одного раза в 15 дней, можете не сомневаться программа робот возьмет Ваши планы себе на заметку и будет приходить «к Вам в гости» раз в пятнадцать дней, для того чтобы проверить ничего ли у Вас не изменилось..
Пример:
<meta http-equiv=»expires» content=»Sun, 24 jan 2010 12:28:36 GMT+03:00″>
Для того чтобы ускорить загрузку страницы, а так же сэкономить трафик современные браузеры сохраняют посещаемые пользователем страницы в кэш (на жёсткий диск), и при повторном посещении загружают их не с сервера, а непосредственно с кэша. На самом деле такая функция хороша собой.. но есть одно «но», дело в том что в браузере может отображаться уже устаревшая информация, какой либо страницы. Представьте, к примеру, Ваш сайт представляет собой некое периодическое новостное интернет издание, а пользователь получит, вместо самых свежих новостей, уже устаревшую информацию, ту которая хранится у него в кэше!! и не разобравшись в чем «беда» примет Ваш сайт за «мертвый» заброшенный и никем не обновляемый.
Для того чтобы принудительно заставить браузер загружать ту или иную страницу не с жёсткого диска, а с сервера необходим мета тег с данным синтаксисом, где указывается день недели, число месяц год время (чч:мм:сс) и часовой пояс(GMT+03:00 — время Московское + три часа). День недели и время дня можно не указывать. Теперь при чтении страницы браузером страница будет грузится с сервера, если указанная дата и время настало или просрочено, и напротив из кэша если указанное время еще не наступило.
Ниже на всякий случай приведены таблицы сокращений от Английских слов на месяцы и дни недели
Месяцы:
От Английского:
Сокращения:
Январь
January
Jan
Февраль
February
Feb
Март
March
Mar
Апрель
April
Apr
Май
May
May
Июнь
June
Jun
Июль
July
Jul
Август
August
Aug
Сентябрь
September
Sep
Октябрь
October
Oct
Ноябрь
November
Nov
Декабрь
December
Dec
Дни недели:
От Английского:
Сокращения:
Понедельник
Monday
Mon
Вторник
Tuesday
Tue
Среда
Wednesday
Wed
Четверг
Thursday
Thu
Пятница
Friday
Fri
Суббота
Saturday
Sat
Воскресенье
Sunday
Sun
Атрибуту content можно присвоить значение «0» <meta http-equiv=»Expires» content=»0″> в этом случае страница всегда будет загружаться с сервера.
И еще.. некоторые поисковые роботы могут отказаться индексировать документ с заведомо устаревшей датой. — не искушайте судьбу..
Пример:
<meta http-equiv=»pragma» content=»no-cache»>
А такая запись вовсе запретит браузеру кэшировать данную страницу.
Пример:
<meta name=»robots» content=»Index,follow»>
Данный мета тег предназначен для подачи поисковому роботу той или иной команды.
Список возможных команд роботу:
Index — индексировать страницу
Noindex — не индексировать страницу
Follow — прослеживать гиперссылки на странице
Nofollow — не прослеживать гиперссылки на странице
All — индексировать страницу и прослеживать гиперссылки на странице (по умолчанию)
None — не индексировать страницу и не прослеживать гиперссылки на странице
Если вдруг по каким либо причинам Вы задумаете поменять URL адрес Вашего сайта то хорошо было бы на старом месте оставить страницу вроде этой:
<html> <head> <meta http-equiv=»Content-Type» Content=»text/html; Charset=Windows-1251″> <meta http-equiv=»Refresh» content=»10; URL=http://www.mysite/index.html»> <title>Переадресация</title> </head> <body> <font size=»+1″> Адрес сайта был изменен, через 10 секунд Ваш браузер будет автоматически перенаправлен по новому адресу:<br> <a href=»http://www.mysite.ru/index.html»><b>http://www.mysite.ru/</b></a><br> Нажмите <a href=»http://www.mysite.ru/index.html»>здесь</a> для того чтобы выполнить переход немедленно. <br> Приносим извинения за доставленные неудобства. </font> </body> </html>
meta http-equiv=»Refresh» — Refresh (восстановление) указывает браузеру что данную страницу необходимо обновить content=»10; — обновить через заданное количество секунд (в нашем случае десять) URL=http://www.mysite/index.html»— адрес новой/другой страницы на которую следует перейти.
Пример:
<meta http-equiv=»Refresh» content=»30″>
А вот если в заголовке Refresh URL адрес упустить, как показано в примере, то тогда браузер будет постоянно через каждые 30 секунд (ну или не 30. . сколько пропишите через столько и будет..) обновлять содержимое данной страницы.
Такой метод широко используется в новостных лентах, где информация идет так сказать потоком и требует постоянного обновления.
Данные заголовки создают визуальные эффекты при переходе с одной страницы на другую.
Page-Enter — Эффект появления страницы
Page- Exit — Эффект исчезновения страницы
В которых:
Duration — время действия эффекта в секундах
Transition — Один из номеров предлагаемых эффектов (от 0 до 23) перечисленных в таблице:
Номер
Описание эффекта
Номер
Описание эффекта
0
Прямоугольники внутрь
12
Растворение
1
Прямоугольники наружу
13
Вертикальная панорама внутрь
2
Круг внутрь
14
Вертикальная панорама наружу
3
Круг наружу
15
Горизонтальная панорама внутрь
4
Наплыв наверх
16
Горизонтальная панорама наружу
5
Наплыв вниз
17
Уголки влево — вниз
6
Наплыв вправо
18
Уголки влево — вверх
7
Наплыв влево
19
Уголки вправо – вниз
8
Вертикальные жалюзи
20
Уголки вправо – вверх
9
Горизонтальные жалюзи
21
Случайные горизонтальные полосы
10
Шажки горизонтальные
22
Случайные вертикальные полосы
11
Шажки вертикальные
23
Случайный выбор эффекта
Пример:
Файл page1. html
<html> <head> <meta http-equiv=»Content-Type» Content=»text/html; Charset=Windows-1251″> <meta http-equiv =»Page-Enter» Content=»RevealTrans(Duration=1.0, Transition=12)»> <title>Эффекты перехода страниц</title> </head> <body bgcolor=»#c5ffa0″> <center> <h3>На заметку:</h3> <font size=»+1″>Эффекты перехода с одной страницы на другую работают не во всех браузерах.</font><hr><br> <font size=»+1″>Нажмите на «Перейти» чтобы перейти к следующей странице<br> и оценить эффект перехода от одной странице к другой.</font><br><br> <a href=»page2.html»><font size=»+2″>»Перейти»</font></a> </center> </body> </html>
Файл page2. html
<html> <head> <meta http-equiv=»Content-Type» Content=»text/html; Charset=Windows-1251″> <meta http-equiv =»Page-Enter» Content=»RevealTrans(Duration=2.0, Transition=23)»> <title>Эффекты перехода страниц</title> </head> <body bgcolor=»#c0e4ff»> <center> <h3>На заметку:</h3> <font size=»+1″>Эффекты открытия и закрытия веб-страниц будут видны только при переходе <br> от одной страницы к другой или же при помощи кнопок «назад» «вперёд». <br> При первом открыти страницы, а также во время перезагрузки<br> эффекты перехода видны не будут.</font><hr><br> <font size=»+1″>Нажмите на «Перейти» чтобы перейти к следующей странице<br> и оценить эффект перехода от одной странице к другой. </font><br><br> <a href=»page1.html»><font size=»+2″>»Перейти»</font></a> </center> </body> </html>
смотреть пример
Ещё раз напомню о том что мета теги стоит применять умело и грамотно особенно это касается команд для робота и кодировки символов, иначе весь Ваш труд может пойти насмарку..
Заголовок Refresh (автоматический переход на другую страницу) можно использовать не совсем стандартно.. Некоторые авторы используют его для создания своего рода «презентации» слайд шоу, где сменяющиеся страницы и есть кадры презентации. Представьте заходит человек на такой сайт а тут ему «Откинетесь на спинку кресла и расслабьтесь..»:) а далее сами по себе пошли картинки, графики, тексты.. а последняя страница тупиковая где пользователь берёт сайт «в свои руки» или же может замыкаться на первую. Только всегда помните о золотом правиле веб-мастера: Главное не переборщить!
Какие бывают META теги и зачем они нужны / Хабр
В продолжении первого поста про DOCTYPE, я, как и обещал, продолжу про META теги.
META-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для броузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
META-теги имеют два возможных атрибута
— <META HTTP-EQUIV=»имя» CONTENT=»содержимое»>
— <META NAME=»имя» CONTENT=»содержимое»>
META-теги должны находиться в заголовке HTML-документа между <HEAD> и </HEAD> (особенно это важно для документов, использующих фреймы).
Стандартом HTML 4.01 значения и имена мета-тегов НЕ оговариваются, поэтому мы будем рассматривать те значения, которые уже устоялись в интернете и используются чаще других.
Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1
(The META element can be used to identify properties of a document (e. g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)
Атрибут HTTP-EQUIV
META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (<>200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.
Значения поля content для Аттрибута HTTP-EQUIV
Значение
Описание
Пример использования
Эффект
Expires
Дата устаревания. Управление кэшированием в HTTP/1.0. Если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша. Дата со значением «0» интерпретируется как «сейчас». Такое значение заставляет броузер каждый раз при запросе проверять — изменялся ли этот документ. Это, кстати относится и к прокси-агентам.
Дата должна быть задана в формате, описываемом в RFC850,
<META HTTP-EQUIV=»expires» CONTENT=»Wed, 26 Feb 2008 08:21:57 GMT»>
что эквивалентно HTTP-заголовку
Expires: Wed, 26 Feb 2008 08:21:57 GMT
Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно «обнюхивать» его.
Pragma
Эта директива показывает, что кешированная информация не должна использоваться и вместо этого запросы должны посылаться на сервер. Это директива имеет тоже самое значение что и CACHE-CONTROL:NO-CACHE и представлена для обратной совместимости с HTTP/1. 0.
Клиенты должны использовать оба значения PRAGMA:NO-CACHE и CACHE-CONTROL:NO-CACHE когда нужно послать некешируемый запрос к серверу, про который неизвестно – совместим ли он с HTTP/1.1.
Если известно, что сервер совместим с
HTTP/1.1 клиент НЕ должен посылать PRAGMA заголовок.
HTTP/1.1 кэш должен понимать «PRAGMA:NO-CACHE» точно также, как будто клиент послал «CACHE-CONTROL:NO-CACHE».
<META HTTP-EQUIV=»PRAGMA» CONTENT=»NO-CACHE»>
Content-Type
Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тега, то некоторые браузеры выводят такую страницу уже в заданном charset.
Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка.
<META HTTP-EQUIV=»Content-language» CONTENT=»en-GB»>
что эквивалентно HTTP-заголовку
Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания
Для русского языка – ru-RU
Используется некоторыми поисковиками
Refresh
Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа.
<META HTTP-EQUIV=»Refresh» Content=»3, URL=http://www.name.com/page.html»>
что эквивалентно HTTP-заголовку
Refresh: 3; URL=http://www.name.com/page.html
W3C не рекомендует использовать этот тег.
Google страницы с таким тегом игнорирует. Другие поисковые системы, возможно, тоже.
Cache-Control
Определяет действия кэша по отношению к данному документу. Возможные значения:
Public — документ кэшируется в доступных для всех кэшах
Private — только в частном кэше
no-cache — не может быть кэширован
no-store — может быть кэширован, но не сохраняется
Тег <meta name=»Robots» content=»…»> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам.
Инструкции по индексации записываются в поле content. Возможны следующие инструкции:
NOINDEX — запрещает индексирование документа;
NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе;
INDEX — разрешает индексирование документа;
FOLLOW — разрешает проход по ссылкам.
ALL — равносильно INDEX, FOLLOW
NONE — равносильно NOINDEX, NOFOLLOW
Значение по умолчанию: <meta name=»Robots» content=»INDEX, FOLLOW»>.
В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов:
<META name=»ROBOTS» content=»index, nofollow»>
Имя тега, названия и значения полей нечувствительны к регистру.
В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид «none, nofollow».
Google поддерживает дополнительное значение NOARCHIVE, которое запрещает помещать страницу в архив google
<META NAME=»Robots» CONTENT=»NOINDEX,FOLLOW»>
Используется большинством поисковиков
Description
Значение атрибута CONTENT — строка, которая определяет текстовое описание (краткую аннотацию) конкретной страницы Вашего сайта. Не стоит создавать слишком длинное и подробное описание Вашего сайта в данном теге, рекомендуется ограничиться текстом до 100 символов, поскольку поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов. Этот тег может сильно помочь в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты.
<META NAME=»description» CONTENT=»Данный сайт содержит информацию для любителей старинных автомобилей, на нем Вы можете найти описание с фотографиями редких и эксклюзивных автомобилей»>
Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации.
Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот
тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Keywords
Значение атрибута CONTENT — список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов.
Учитывается большинством поисковых систем. Точно известно, что НЕ учитывает Google и Rambler
document-state
Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать (значение Static), или реиндексировать документ регулярно (значение Dynamic).
<META NAME=»Document-state» CONTENT=»Static»>
Используется редко
GOOGLEBOT
Google поддерживает специальный тег Googlebot с помощью которого вы можете указать Google что он не должен индексировать и архивировать вашу страницу, другие поисковые системы этот тег проигнорируют.
<META NAME=»GOOGLEBOT» CONTENT=»NOARCHIVE»>
Author
Автор, создатель сайта. Вряд ли используется поисковыми системами, и нужен скорее всего чтобы можно было показать что сайт сделан именно определенной персоной или фирмой.
<META NAME=»AUTHOR» CONTENT=»www.neo-systems.ru»>
Revisit
Значение этого тега указывает — как часто обновляется информация на вашем сайте, и как часто поисковая система должна на него заходить чтобы увидеть обновления. В силу сложившихся условий — поисковые системы сейчас самостоятельно определяют частоту сканирования сайта, поэтому, возможно, наличие этого тега ничего вам не даст.
<meta name=»revisit-after» content=»15 days»>
Источники информации:
http://www.citforum.ru/internet/search/metatags.shtml http://web-support.ru/adv/ps_meta_2.shtml http://www.shtogrin.com/library/web/meta/ http://vancouver-webpages.com/META/metatags.detail.html http://www.mattcutts.com/blog/keywords-meta-tag-in-web-search/ http://www.webotdel.ru/notes/metatags/
Очень хорошо и понятно написано http://www.w3schools.com/tags/tag_meta.asp
Какие мета-теги понимает Google http://www.google.com/support/webmasters/bin/answer.py?answer=79812
Какие мета-теги понимает Bing http://www.bing.com/community/blogs/webmaster/archive/2009/07/18/head-s-up-on-lt-head-gt-tag-optimization-sem-101.aspx
Google не использует мета-тег keywords http://googlewebmastercentral.blogspot. com/2009/09/google-does-not-use-keywords-meta-tag.html
Meta http equiv content type content text html charset windows 1251
Содержание
Все о мета тегах
Мета теги делятся на две группы: NAME и HTTP-EQUIV.
Группа информационных мета тегов
Мета тег Description
Мета тег Document-state
Мета тег Generator
Мета тег Keywords
Мета тег Resource-type
Мета тег Revisit
Мета тег Robots
Мета тег Subject
Мета тег URL
Мета тег Content-Language
Meta тег Content-Script-Type
HTML Meta Charset – прописываем кодировку сайта
Что такое кодировка сайта и как она работает
Самые распространенные кодировки
Проблемы с кодировкой не только в HTML-странице
META Charset HTML-документа
Мета-теги для сайта
Задачи meta-тегов
Мета теги для SEO (поисковой) оптимизации
Title
Description
Keywords
Мета-теги в HTML
§ 1. Тег «TITLE»
§ 2. Мета-тег «keywords» (ключевые слова)
§ 3. Мета-тег «description» (описание страницы)
§ 4. Технические мета-теги
§ 5. Заключение
М Мета-теги
Разновидности
Title
Keywords
Robots
Content-type
Content-language
Refresh
Meta Author и Copyright
Резюме
Видео
Все о мета тегах
Мета теги используются для описания свойств HTML документа и должны находится в рамках тега HEAD. Если в документе используется тег TITLE, то мета теги рекомендуется вставлять в документ после него.
Мета теги имеют очень широкую функциональную направленность, но многое еще не стандартизировано или находится на стадии разработки.
Мета теги могут идентифицировать авторство HTML документа, его адрес и как часто он обновляется. Поисковые системы используют мета теги для индексации и формирования заголовков HTML документов.
Мета теги могут влиять на режим отображения HTML документов, хотя сами на экран не выводятся.
Далее будут описаны мета теги, принятые большинством поставщиков услуг и программ для сети интернет.
Мета теги делятся на две группы: NAME и HTTP-EQUIV.
Мета теги типа NAME содержат текстовую информацию о документе, его авторе и некоторые рекомендации для поисковых машин. Например: Robots, Description, Keywords, Author, Copyright.
Мета теги типа HTTP-EQUIV влияют на формирование заголовка документа и определяют режим его обработки.
Группа информационных мета тегов
Эти теги не отражаются броузерами, но обрабатываются некоторыми поисковыми машинами. Как правило, нет необходимости использовать эти теги одновременно. В большинстве случаев достаточно одного информационного тега, позволяющего идентифицировать автора или принадлежность документа.
Тег Author должен содержать имя автора, если сайт принадлежит организации, имеет смысл использовать тег Copyright. Информация обязательно должна заключаться в кавычки, например:
Дополнительно информационные теги могут содержать атрибут «Lang», указывающий язык, на котором написано значение свойства. Пример:
Мета тег Description
Мета тег Description — служит для краткого описания странички.
Он используется поисковыми машинами для индексации и в качестве краткой аннотации при ссылке в ответе на запрос. И именно по содержанию этого тега пользователь поисковой системы будет оценивать, соответствует ваш сайт его ожиданиям или нет.
Если тег Description отсутствует, то в качестве описания поисковые машины используют первую строку текста или отрывок из текста с найденным ключевым словом.
Желательно чтобы длина описания не превосходила 80 символов. Пример:
Мета тег Document-state
Мета тег Document-state — предназначен для управления индексацией поисковых роботов. Может иметь два значения:
Static — Нет необходимости индексировать эту страницу в будущем.
Dynamic — Индексировать эту страницу регулярно (по умолчанию).
Режим «Static» предназначен для страниц, которые не меняются в принципе. Если содержание вашей страницы периодически меняется, то использовать этот тег необязательно. Пример:
Мета тег Generator
Мета тег Generator — это всего лишь один из «славного» семейства тегов широко используемых генераторами HTML кода в своих целях. Как правило, для владельца сайта эти теги не несут полезной нагрузки.
Мета тег Keywords
Мета тег Keywords используется поисковыми машинами для оценки релевантности.
Слова, содержащиеся в теге Keywords, рассматриваются поисковыми машинами как рекомендация, но иногда именно этой капли не хватает, чтоб перевесить чашу.
При формировании списка ключевых слов для мета тега Keywords необходимо использовать слова, содержащиеся в тексте документа. Слова, не содержащиеся в тексте, можно использовать в очень небольших количествах, два — три слова. Вставлять их надо в конец списка.
Ключевые слова не должны повторятся в теге Keywords, в крайнем случае, не более двух раз.
В мета теге Keywords имеет смысл использовать не более 10 слов, большее количество релевантности не увеличит.
В Большинстве случаев поисковые машины находят ключевые слова, стоящие во множественном числе (cats), даже если поиск задан в единственном числе (cat). Поэтому рекомендуется в тег Keywords заносить английские существительные во множественном числе.
Роботы некоторых поисковых машин не переходят к новой строке при анализе мета тега Keywords, поэтому не рекомендуется разбивать его на несколько строк.
Если документ написан на нескольких языках, можно использовать добавочный атрибут lang для выбора кодировки (смотри описание мета тега Content-Language).
Мета тег Resource-type
Мета тег Resource-type — описывает состояние данного документа. Если его значение отлично от “Document”, то поисковые системы не будут его индексировать.
Предназначен для использования в крупных проектах, с множеством документов разного типа.
Некоторые возможные значения:
Build Classification Creation Document — Принимается по умолчанию. Formatter Host Operator Random text Rating Site-languages Subject Template Version
Мета тег Revisit
Мета тег Revisit — указывает поисковому роботу, через сколько дней ему нужно вернуться и переиндексировать данный документ.
Пример (приходить раз в неделю):
Мета тег Robots
Мета тег Robots — содержит указания для роботов поисковых машин, собирающих информацию о HTML документах в сети.
Значение свойства Robots может состоять из следующих директив, разделенных запятыми:
Index — эта страница должна быть индексирована.
Noindex — эта страница не должна индексироваться.
Follow — прослеживать гиперссылки на странице.
Nofollow — не прослеживать гиперссылки на странице.
All — = index, follow (принято по умолчанию).
None — = noindex, nofollow.
Тег ничего не меняет в работе робота поисковой машины, так как значение «all» принято по умолчанию.
Но если эта страница создается динамически или очень часто обновляется, то нет смысла ее индексировать, так как информация о странице в поисковой машине и ее истинное содержание будут разными.
В этом случае можно рекомендовать поисковой машине не индексировать эту страницу, а только отслеживать на ней гиперссылки, что бы проиндексировать остальную часть сайта
При использовании тега, запрещающего отслеживание гиперссылок
часть сайта может остаться не проиндексированной, так как внутри сайта роботы перемещаются по гиперсылкам. И те страницы, переход на которые заблокирован, не будут индексированы.
Мета тег Robots имеет приоритет над директивами управления, заданными в файле robots.txt.
Мета тег Subject
Мета тег Subject используется поисковыми машинами для определения тематики документа. Но до тех пор, пока поисковые системы не согласуют классификационные таблицы, использование этого тега не всегда оправдано.
Мета тег URL
Мета тег URL — служит для исключения из индексации генерируемых страниц и зеркал. Встретив этот тег, робот поисковой машины должен прекратить индексацию текущего документа и перейти по указанной ссылке. Пример:
Мета тег Content-Language
Мета тег Content-Language — это указание языка документа. Используется поисковыми машинами при индексировании. Хотя большинство из них умеют различать язык по тексту.
Некоторые возможные значения (стандарт [ISO639], [ISO3166]): de, el, en, en-GB, en-US, en-cockney, es, fr, it, i-navajo, ja, he, nl, ru, pt.
В спецификации HTML 4.0 есть альтернативная возможность явного указания языка —
Meta тег Content-Script-Type
Meta тег Content-Script-Type — Определение языка программирования сценариев.
Некоторые из возможных значений: text/javascript, text/perlscript, text/tcl, text/vbscript.
Если тег Content-Script-Type не используется, то тип языка программирования сценариев, отличный от принятого по умолчанию, должен быть указан непосредственно в каждом теге
Источник
HTML Meta Charset – прописываем кодировку сайта
Автор статьи: Сергей Каминский
При создании сайта у начинающих веб-мастеров часто появляются вопросы: в какой кодировке делать сайт, чем отличается UTF-8 от windows-1251 и как ее прописывать в META Charset HTML-страницы сайта. Ответы на все эти вопросы в данной статье.
Что такое кодировка сайта и как она работает
Кодировку можно представить в виде таблицы, состоящей из разных букв, цифр и других символов понятных человеку, которые закодированы определенным образом. Когда вы открываете текстовый файл, к которым относятся в том числе HTML-страницы, то компьютер считывает из заголовка файла в какой кодировке он был сохранен и выводит текст в соответствующей кодировке преобразовывая компьютерные данные в вид понятный человеку сопоставляя эти данные с таблицей кодировки. Если информация о кодировке из заголовка файла совпадает с кодировкой в которой сохранены данные в HTML-странице, то пользователь видит привычные ему буквы, цифры и другие символы. Если же есть несовпадение, то в результате пользователю выводится непонятный набор символов, особенно часто это происходит в старых почтовых программах. Если пользователь получил письмо с непонятными крякозябрами, то просто перебирая разные кодировки, обычно получается угадать и выбрать ту, в которой написано письмо, и в результате непонятный набор символов превращается в понятный человеку текст.
То же самое происходит и с HTML-страницами сайта. Если документ был сохранен, например, в кодировке UTF-8, а в самом документе прописан META-тег указывающий что это кодировка windows-1251, то браузер опять же будет сопоставлять сохраненные в файле данные с таблицей указанной ему кодировки и так как символы закодированы по-разному, то браузер выведет вместо привычного текста непонятный набор символов или же часть букв может быть в нормальном виде, а другие буквы или символы могут выводиться, например, в виде знаков вопроса. Все выше сказанное относится в том числе и к отображению имен файлов.
Создавая новый документ в текстовом редакторе лучше сразу убедиться что выбрана нужная кодировка. Современные редакторы позволяют преобразовать текст открытого документа из одной кодировки в другую, а стандартный Блокнот позволяет выбрать кодировку только при сохранении файла.
Самые распространенные кодировки
Из предыдущего пункта вы уже знаете что такое кодировка и почему настолько важно правильно прописать ее в коде страниц сайта. Давайте теперь выясним какую из множества кодировок лучше выбрать для будущего сайта. Поскольку самой распространенной и наиболее понятной в освоении всегда была операционная система Windows, то большинство веб-разработчиков создавали HTML-страницы в кодировке windows-1251 (ANSI), которая использовалась по-умолчанию. Но windows-1251 поддерживает не очень большое количество букв и символов, а разработчики хотят использовать в своих текстах различные стрелочки, сердечки, квадратики и другие символы, в том числе есть необходимость совмещать слова из разных языков в одном документе, поэтому на смену ей уже давно пришла более расширенная UTF-8 и большинство разработчиков используют именно эту кодировку.
Проблемы с кодировкой не только в HTML-странице
Практически ни один современный сайт не обходится без использования базы данных MySQL и она также может стать источником проблем с кодировкой. Если файлы сайта сохранены в одной кодировке, а информация в базе данных в другой, то на странице та часть информации, которая выводится из базы данных может отображаться в виде все тех же знаков вопросов или других непонятных символов. Чтобы избежать проблем с кодировкой она должна быть одинаковой для веб-сервера, базы данных MySQL, в скриптах, в HTML-страницах сайта и в META-теге, который прописывается в HTML-коде. Если есть проблемы с отображением текста, то проверяйте на наличие проблемы все выше перечисленное.
META Charset HTML-документа
Чтобы сообщить браузеру и поисковым системам в какой кодировке сохранены страницы сайта в их коде прописывается META Charset.
Для кодировки windows-1251:
Для кодировки UTF-8:
Теперь вы знаете что такое кодировка сайта и где искать проблемы если в какой-либо части сайта неправильно отображается текст.
Другие записи по теме в разделе статьи по HTML и CSS
Источник
Мета-теги для сайта
Виды мета-тегов и их задачи, особенности заполнения и готовые шаблоны.
Задачи meta-тегов
Мета-теги выполняют несколько важных функций:
Сейчас мета-теги не оказывают сильного влияния на продвижение, но по-прежнему учитываются при оценке поисковыми системами. При прочих равных условиях предпочтение отдается ресурсу с грамотно сформированными тегами.
Мета теги для SEO (поисковой) оптимизации
Title
Заголовок страницы. В индексе это — крупная синяя ссылка на сайт, в браузерных вкладках — название.
Атрибут должен содержать основные ключевые слова и конкурентные преимущества. Важно, чтобы пользователь сразу понял, что Вы предлагаете, и почему данный ресурс ему подойдет. Основная сложность — вместить нужную информацию в четко заданный поисковыми системами лимит символов. У Google максимум — 70 (12 слов), у Яндекс — 80 (15 слов).
Удачный title: Как купить удобное кресло недорого с доставкой и получить скидку 15%?
В первом случае — переспам (переизбыток ключевых фраз), нечитабельное предложение с точки зрения пользователя. Второй вариант meta тега объединяет все нужные ключевики в логичной последовательности и указывает на конкурентное преимущество компании (скидку).
Description
Краткий «анонс» страницы в результатах поиска. Несколько коротких предложений, в которых используются ключевые слова (не все — наиболее значимые) конкретной страницы. Рекомендуемая длина meta тега — 160-200 символов.
Мета-теги Title и Description составляются отдельно для каждой страницы сайта, т.к. все разделы должны иметь собственный список ключевых фраз, соответствующий тематике и содержимому.
С помощью meta name description поисковым роботом описание страницы — сниппет. Он отображается в результатах поиска под title.
Если атрибут не заполнен либо сформирован не по правилам (значительно превышен лимит символов, переспам), то поисковый робот составляет описание автоматически, «собирая» его по кусочкам фраз на странице. Результат получается не сильно привлекательный и «продающий».
Дано: магазин продажи книг; ключевые слова «интересная книга», «купить книгу»
Неудачный Description: Книги издавна являются одними из самых близких «друзей» человека. Интересная книга помогает скоротать время, дает полезные знания, раскрывает занимательные факты, пробуждает эмоции. Потому стоит задуматься о том, чтобы купить книгу в нашем магазине.
Удачный Description: Нужна интересная книга? В нашем магазине — широкий выбор тематик: от узкоспециальной литературы до мировых бестселлеров. У нас Вы можете купить книгу с доставкой в течение 1-5 дней в любой регион РФ. Первым покупателям — скидка 10%.
Первый вариант — не специально составленный meta-тег, а взятый со страницы кусок статьи. Возможно, пользователю интересно почитать литературный текст, но, обращаясь к поисковой системе, он предпочтет получить ответ на конкретный запрос о покупке. Потому мета-теги для сайта второго типа более привлекательны: они сразу дают понимание, какой ассортимент и преимущества предлагает магазин.
Keywords
Сообщает поисковому роботу ключевые слова, под которые «заточен» контент. Поисковый робот сверяет фразы в содержимом страницы с указанными в данном теге, а полученные результаты учитывает в дальнейшем при определении позиций ресурса.
Сейчас поисковики не придают данному атрибуту такой вес, как раньше. Но грамотное использование его не будет лишним.
Используйте 3-6 ключевых слов/фраз через запятую. Чрезмерное употребление может расцениваться поисковиком как переспам. В список должны включаться только используемые на странице запросы, под которые оптимизирован текст, названия товаров и так далее.
Источник
Мета-теги в HTML
Э то урок, в котором мы поговорим о том, что такое мета-теги, для чего и как они используются при создании сайта и как их правильно заполнить.
Р екомендую использовать только те метатеги, которые реально нужны для работы сайта. Не загромождай область «head» лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям. Если знать, что делаешь, то мета-теги будут только на пользу, если же сваливать сюда всё подряд, то можно получить трудно диагностируемые проблемы.
§ 1. Тег «TITLE»
П ервый мета-тег очень важен. Причём этот мета-тег одинаково важен и для поисковых систем, и для посетителей. Первые в ранжировании результатов поиска придают большое значение ключевым словам, которые содержатся в теге «title», вторые видят его содержимое в виде ссылки на сайт в тех же результатах поиска:
С одержимое этого же мета-тега отображается и в заголовке окна браузера:
В HTML мета-тег «title» добавляется следующим образом:
К роме того, как я уже сказал ранее, ключевые слова, которые ты добавишь в мета-тег «title», крайне положительно воспримутся поисковиками. Поэтому, заполняя этот тег, постарайся включить в него правильные ключевые слова. О них, кстати, и пойдёт речь дальше.
§ 2. Мета-тег «keywords» (ключевые слова)
С начала вкратце о том, а что, собственно, такое эти самые «ключевые слова».
Т е слова, которые наиболее полно характеризуют содержимое html-страницы и будут для нее ключевыми. Это могут быть как отдельные слова, так и словосочетания, но они обязательно должны встречаться в тексте на странице. По ним поисковики определяют релевантность страницы тому или иному запросу.
Н апример, для этой странице ключевыми словами будут «мета-теги», «мета-тег title», «мета-тег keywords» и т.д.
Б олее подробно о ключевых словах, в частности, и об оптимизации сайта, вообще, мы поговорим в соответствующих разделах.
Ч тобы облегчить работу поисковым системам, используется мета-тег «keywords». В нём вебмастер прописывает ключевые слова для страницы. HTML-код мета-тега «keywords» выглядит следующим образом:
К лючевые слова нужно добавлять по одному, через запятую, в единственном числе. Например, не «ключевые слова», а «ключевой, слово». К тому же, безответственное поведение вебмастеров, которые в целях получения более высоких позиций в поисковиках забивали мета-тег «keywords» не только ключевыми словами, но и многочисленными производными от них, привело к тому, что поисковые системы практически перестали обращать внимания на этот тег. В настоящее время правильно заполненный мета-тег «keywords» используется поисковиками лишь как один из многих факторов ранжирования (далеко не главный). Если же они видят перед собой «keywords», в который запихнули все возможные вариации ключевиков, то это становится для них первым сигналом о неблагонадёжности данной страницы.
§ 3. Мета-тег «description» (описание страницы)
С ледующим важным мета-тегом является тег «description», в котором должно содержаться краткое описание страницы. Именно «краткое» и именно «описание страницы». Достаточно добавить одно-два небольших предложения, в которых указать о чём и для кого эта страница.
В ажной особенностью мета-тега «description» является то обстоятельство, что в случае его правильного заполнения поисковые системы именно на его основе формируют сниппет страницы в выдаче (краткое описание под ссылкой на страницу):
Е сли поисковикам не нравится то, как заполнен мета-тег «description», то сниппет формируется из кусочков фраз (надёрганных со всей страницы), которые релевантны запросу.
Т аким образом, правильный мета-тег «description» обязательно содержит ключевое слово (фразу) и коротко и точно описывает то, о чём и для кого страница. «Description» вместе с «title» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из поисковой выдачи на сайт или нет! Поэтому его, как и «title», нужно прописывать для каждой страницы!
H TML-код для создания мета-тега «description» будет следующим:
Т еперь перейдём к описанию основных технических мета-тегов из группы «HTTP-EQUIV» (HTTP-эквиваленты).
§ 4. Технические мета-теги
Т ехнические мета-теги, для сайта, значат очень много. С их помощью можно управлять отображением страницы, настройками индексирования и т.д. В этом уроке мы рассмотрим основные технические мета-теги.
А, чтобы, спустя 5 секунд, перейти на страницу по адресу http://www.seoded.ru/, нужно записать так:
Код для вставки мета-тега «robots»:
author и copyright — мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки:
§ 5. Заключение
Э то все метатеги в HTML, которые будут нужны новичку. Остальные специфичны и могут понадобиться тебе после того, как наберешься опыта и будешь точно знать, что делаешь. Из всех же вышеперечисленных мной настоятельно рекомендую использовать на каждой странице твоего сайта следующие:
О стальные применяй по мере необходимости, но особо не заморачивайся. Помни, что мета-теги не сделают твой сайт интересным, они могут лишь помочь браузеру и web-серверу правильно отобразить страницы сайта, а поисковой системе их найти.
Н а этом раздел моего сайта про основы HTML для начинающих окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из личного опыта по оптимизации страниц сайта. Жми на «Дальше».
Поделиться ссылкой на эту страницу в:
Источник
М Мета-теги
Для правильной, а значит, и эффективной раскрутки сайта важно понимать, что такое мета-теги. Какую задачу выполняют эти атрибуты? Как они помогают продвижению ресурса? Нужно ли использовать теги для SEO или можно обойтись без них? Чтобы ответить на все вопросы, начнем с азов.
Мета-теги – это специальные элементы кода, через которые браузер и поисковые машины считывают информацию о сайте. Эти атрибуты не видны пользователям, не считаются очень важными для корректной работы ресурса. Теги просто описывают веб-страницу с помощью заголовка, дескриптора, ключевых фраз.
Этот HTML-код размещается между тегами
Итак, мета-теги решают три главных задачи:
Сегодня эти атрибуты не являются незаменимыми для продвижения. Но поисковые машины, сравнивая два веб-ресурса с одинаковыми показателями, отдадут предпочтение сайту с грамотно прописанными атрибутами
Разновидности
Подразделяются на атрибуты для поискового продвижения – SEO и для технической оптимизации ресурса. Рассмотрим подробнее все важные элементы.
К первой группе относят три основных тега: title, description, keywords. Они задействуются, чтобы указать поисковым машинам тематику веб-страницы. Вебмастера пытаются заголовком, анонсом и ключевые словами воздействовать на алгоритмы ранжирования ПС.
Title
Title – один из главных атрибутов страницы. Когда робот изучает код, то первым делом он проверяет наличие уникального заголовка. В браузерах «тайтл» прописывается названием страницы, а в индексе ПС – ссылкой на сайт. Наличие этого тега крайне важно для SEO-оптимизации, в частности он влияет на ранжирование и повышает кликабельность сниппета в выдаче.
В заголовках рекомендуется использовать ключевые слова и располагать их ближе к началу тега. Оптимальный вариант – первое или второе слово. Кроме того, в тайтле желательно прописать конкурентные преимущества. По сути, этот тег выступает оффером для пользователей и поисковых систем.
Например, нужно вписать в заголовок запросы: «купить ноутбук», «купить ноутбук недорого», «купить игровой ноутбук».
Плохой вариант заголовка: «Купить ноутбук. Купить игровой ноутбук, купить недорого». Просто перечислили ключевые слова и всё. Получаем на выходе нечитабельное и заспамленное предложение.
Удачный пример: «Где купить игровой ноутбук недорого с доставкой по Москве и получить в подарок сумку-чехол?» В этом варианте мы указали все слова в логичной последовательности и привели конкурентное преимущество компании.
Подытожим правила написания эффективного Title:
На странице сайта тег прописывается в следующем коде:
Description – это своего рода анонс той информации, которая представлена на странице сайта. Поисковые системы используют «описания» для формирования сниппета в результатах выдачи. Description желательно составлять самостоятельно, не отдавая эту задачу на откуп ПС. Как и в случае с заголовком (Title) существуют несколько правил заполнения тега с кратким описанием страницы. Рассмотрим их:
Для каждой страницы сайта мета-тег Description прописывается отдельно. В самописных ресурсах код добавляется между
На сайтах под CMS дескриптор прописывается через плагины оптимизации. Например, для Wordxmpss – это Yoast Seo или All-in-One SEO Pack. На Open Cart обычно используют SEO PRO или Complete SEO.
Keywords
Keywords представляет собой перечень поисковых запросов, по которым продвигается страница. Раньше этот атрибут был обязательным к заполнению, поисковые системы учитывали ключевые слова при ранжировании сайта. Однако постоянные манипуляции с ключевиками (спам) сильно уменьшил значимость этого тега в современных реалиях. Гугл вовсе отказался учитывать «кейвордс» во время ранжирования, Яндекс – оставил за собой право учитывать или нет.
К заполнению тега Keywords существует три подхода:
Тег Keywords также прописывается между
Ко второй группе относят технические атрибуты, которые используются для внутренней оптимизации сайта и более продуктивного взаимодействия с поисковыми роботами. Перечислим основные теги:
Robots
Указывает поисковым роботам, какие страницы можно добавлять в индекс, а какие нельзя. Также в роботсе прописываются правила, как сканировать и индексироваться страницы. Тег имеет ряд дополнительных атрибутов:
Content-type
Тег содержит информацию о формате документа, кодировке. С его помощью выполняется настройка отображения сайта в браузере. Рекомендуется заполнять этот атрибут, чтобы страницы корректно отображались на любом обозревателе. Особенно актуален он при неверной настройке просмотрщика или сервера. Прописывается тег для кириллицы следующим образом:
Content-language
Во много этот тег дублирует предыдущий, так как содержит информацию о языке содержимого страницы. Сегодня браузеры определяют язык автоматически, поэтому надобность в нем отпала. Однако при неверных настройках обозревателя и сервера информация в Content-language может быть кстати.
Записывается следующим образом:
Refresh
Атрибут позволяет переадресовать пользователя на другой раздел во время обновления целевой страницы или при долгой загрузке контента. Например, тег часто используют вместо страницы ошибки «404».
Meta Author и Copyright
Вспомогательный атрибут, с помощью которого можно указывать авторство текстового или графического контента на сайте. Прописывается следующим образом:
Перечисленные выше теги направлены на улучшение восприятия сайта поисковыми машинами. Рекомендуется уделить больше внимания правильному заполнению поисковых и технических атрибутов: пишите правдивую информацию, давайте посетителям выгоды, не злоупотребляйте ключевыми словами в кейвордс.
Резюме
Мы изучили, что такое мета-теги. Рассмотрели их виды, правила заполнения информацией. При работе с атрибутами сайта или страницы принимайте сторону пользователя: понятна ли информация в сниппете новому посетителю, как воспринимается страница при первом знакомстве, считываются ли выгоды для клиента и прочее.
HTML : What is meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″ /?
HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»
Как компьютер кодирует символы (кодировки, encodings)
HTML5 #4 Текст (Text)
Что такое метатеги (title, description, keywords, alt, h2 ) и зачем они нужны (Урок № 46 )
HTML : What will this do: meta http-equiv=»X-UA-Compatible» content=»IE=edge»?
объяснение мета-атрибута – Standardista
Атрибут http-equiv используется серверами для сбора информации о странице с использованием заголовка HTTP. Набор атрибутов метатега http-equiv аналогичен заголовку http. Атрибут позволяет отправлять дополнительную информацию в браузер в заголовке http. Я редко использую какие-либо мета-элементы http-equiv, кроме content-type, и никогда не думал о них для каких-либо целей, кроме кэширования. Поэтому, когда я углубился в возможные значения, я подумал, что «поделюсь». В этом посте не так много глубины, как в моих обычных усилиях, но, надеюсь, это станет хорошим ресурсом для закладок.
Структура метаэлемента
Структура метаэлемента:
http-equiv =" value " content=" value " />7 1
3 90 атрибут name в мете, если включен атрибут http-equiv.
Включите ли атрибут содержимого. Ниже приведены различные значения атрибута http-equiv:
Значения для
http-equiv
указывает тип данных, отправляемых в браузер, позволяя браузерам знать, что делать с полученными данными. Элемент во всех его формах является необязательным. Content-type — это то, что вы действительно не хотите опускать. Для англоязычных сайтов используйте expires "content=" date "/>
Дата указывает дату и время истечения срока действия документа. При достижении даты документ будет перезагружен, даже если документ хранится в кэше. Этот элемент используется для отключения кэширования документа: просто поместите в дату прошедшую дату, и это заставит браузер получать новые файлы. Поместите дату в далекое будущее, если вы хотите, чтобы страница была кэширована. Обратите внимание, что IE6 будет извлекать содержимое домашней страницы пользователя при открытии нового окна браузера, даже если вы установили для него кэширование.
Имя — это имя файла cookie. Значение — это значение, которое необходимо установить для этого именованного файла cookie. Дата — это дата и время, когда файл cookie будет удален с компьютера. Дата не является обязательной. Если вы не укажете дату и время истечения срока действия, файл cookie будет удален при выходе из браузера. Вы можете включить более одного http-equiv=" set-cookie », если вам нужно установить более одной пары имя/значение файла cookie.
Указывает кодировку возвращаемых данных; обычно компрессионного типа. Для документов, сжатых g-zip, используйте
Якобы вы включаете методы, поддерживаемые сервером, но я никогда не видел этого в действии.
Укажите дату и время создания страницы.
Содержимое — это дата и время последнего изменения страницы.
<мета http-equiv=" местоположение ” содержание =” n; URL-адрес ”/>
пр. ex. n — интервал, через который страница должна обновляться: в нашем примере страница будет обновляться каждые 12 секунд. Если включено, url — это место, куда будет перенаправлена страница. В нашем втором примере страница будет перенаправляться на Community MX через 3 секунды. НЕ используйте этот метод для перенаправления на новый URL. Это недоступно.
http-equiv=" window-target " указывает "именованное окно" текущей страницы. Основное использование — предотвратить появление страницы внутри другой страницы во фрейме:. Обычно это означает, что веб-браузер заставит страницу перейти к верхнему набору фреймов.
http-equiv=" www-authenticate " — это один из методов обеспечения базовой аутентификации доступа, но предоставление такой аутентификации таким видимым образом не рекомендуется по соображениям безопасности.
Платформа для выбора интернет-контента (PICS) — это стандарт маркировки онлайн-контента: в основном рейтинг онлайн-контента. Чтобы сгенерировать labelist , посетите safesurf или другой генератор списков ярлыков. Обратите внимание, что в атрибуте содержимого используются одинарные кавычки, поскольку синтаксис метки PICS использует двойные кавычки.
Вы можете использовать http-equiv="expires" с прошедшей датой, чтобы гарантировать, что браузер извлекает свежие файлы с сервера (а не кэширует). Поскольку известно, что не все клиентские браузеры и устройства кэширования (например, прокси-серверы) успешно реализуют все параметры без кэширования, включите несколько вариантов без кэширования, в том числе:
Включает спецификацию языка, позволяя поисковым системам точно классифицировать документ по языку и стране. язык — это код основного языка, а страна — это страна, в которой диалект языка является более конкретным, например, en-US по сравнению с en-GB, английский в США по сравнению с английским, на котором говорят в Великобритании. будет немецким языком, на котором говорят в Австрии.
Языком скрипта по умолчанию для элемента скрипта является javascript. Если вы не используете JavaScript по умолчанию, объявление сообщает браузеру, какой тип языка сценариев вы используете по умолчанию: в этом случае , Visual Basic.
page-enter ” content=”revealtrans(duration= секунд ,transition= num )” /> page-exit ” content= ”revealtrans(длительность = секунд , переход = число )” />
Page-enter и page-exit — это проприетарные переходы Microsoft, которые работают только в Internet Explorer. Секунды — это продолжительность перехода, а num — целое число от 0 до 23, связанное с определенным типом перехода (23 — случайное значение). page-enter ”content=”blendTrans(duration= sec )” /> другое значение.
Еще одно специфичное для IE (что означает, что вы не должны его использовать) значение http-equiv — «imagetoolbar». В некоторых версиях Internet Explorer при наведении курсора на изображение появляется панель инструментов изображения. позволяет отключить панель инструментов изображения.
Примечания :
Следующие символы, появляющиеся в содержимом, должны быть экранированы с помощью объектов SGML:
‘
‘
одинарная кавычка
и
и
амперсанд
>
>
больше
Примечание : Даты имеют следующий формат: Чт, 25 ноября 2008 г. 16:15:30 GMT
itemprop — HTML: Язык гипертекстовой разметки
Глобальный атрибут itemprop используется для добавления свойств к элементу. Каждый элемент HTML может иметь указанный атрибут itemprop , а itemprop состоит из пары имя-значение. Каждая пара имя-значение называется свойством , а группа из одного или нескольких свойств образует элемент . Значения свойств представляют собой либо строку, либо URL-адрес и могут быть связаны с очень широким диапазоном элементов, включая , , , , , , 9track 9007 0 , 900 <видео> .
В приведенном ниже примере показан источник набора элементов, размеченных атрибутами itemprop , за которым следует таблица, показывающая результирующие структурированные данные.
HTML
Аватар
Директор:
Джеймс Кэмерон
(родился 16 августа 19 г.54)Научная фантастика
Трейлер
Структурированные данные
Артикул
имя элемента
значение itemprop
itemprop
имя
Аватар
itemprop
директор
Джеймс Кэмерон
itemprop
жанр
Научная фантастика
itemprop
прицеп
../movies/avatar-theatrical-trailer. html
Свойства имеют значения, которые являются либо строкой, либо URL-адресом. Когда строковое значение является URL-адресом, оно выражается с помощью и его атрибут href , элемент и его атрибут src или другие элементы, которые ссылаются на внешние ресурсы или встраивают их в них.
Три свойства со строковыми значениями
Меня зовут Нил.
Моя группа называется Four Parts Water.
Я британец.
Одно свойство "изображение", значением которого является URL-адрес
Если строковое значение не может быть легко прочитано и понято человеком (например, длинная строка цифр и букв), оно может быть отображено с использованием атрибута value элемента данных с более понятным - человеческая версия, указанная в содержимом элемента (которая не является частью структурированных данных - см. пример ниже).
Элемент со свойством, значением которого является идентификатор продукта
Идентификатор не является удобным для человека, поэтому вместо идентификатора в названии продукта используется текст, видимый человеку.
Инстигатор 2000
Для числовых данных можно использовать элемент счетчика и его атрибут value.
Элемент счетчика
Холодильник Panasonic White 60 л
<дел
itemprop="агрегатный рейтинг"
предметная область
itemtype="http://schema.org/AggregateRating">
Рейтинг 3,5/5
метр>
(на основе 11
Отзывы клиентов)
Аналогичным образом для данных, связанных с датой и временем, можно использовать элемент времени и его атрибут datetime.
Элемент с одним свойством "день рождения", значением которого является дата
Я родился в
.
Свойства также могут быть группами пар "имя-значение", если атрибут itemscope помещается в элемент, объявляющий свойство. Каждое значение представляет собой либо строку, либо группу пар "имя-значение" (т. е. элемент).
Внешний элемент, представляющий человека, и внутренний, представляющий полосу
Имя: Аманда
<р>
Группа:
Джаз-бэнд
(12 игроков)
Внешний элемент выше имеет два свойства: "name" и "band". «Имя» — «Аманда», а «группа» — это самостоятельный элемент с двумя свойствами: «имя» и «размер». «Название» группы — «Джаз-бэнд», а «размер» — «12». Внешний элемент в этом примере является элементом микроданных верхнего уровня. Элементы, не являющиеся частью других, называются элементами микроданных верхнего уровня.
Все свойства отделены от их элементов
Этот пример аналогичен предыдущему, но все свойства отделены от их элементов
Имя: Аманда
<дел>
Группа: Джаз-бэнд
Размер: 12 игроков
Это дает тот же результат, что и в предыдущем примере. Первый элемент имеет два свойства: «имя», установленное на «Аманда», и «группа», установленное на другой элемент. Этот второй элемент имеет еще два свойства: «имя», установленное на «Джаз-бэнд», и «размер», установленное на «12».
Элемент может иметь несколько свойств с одинаковыми именами и разными значениями.
Мороженое с двумя вкусами
Вкусы моего любимого мороженого:
<ул>
Лимонный шербет
Абрикосовый щербет
В результате получается предмет с двумя свойствами, оба с названием "аромат" и значениями "лимонный сорбет" и "абрикосовый шербет".
Элемент, представляющий свойство, также может одновременно вводить несколько свойств, чтобы избежать дублирования, когда некоторые свойства имеют одинаковое значение.
Элемент с двумя свойствами, "любимый цвет" и "любимый фрукт", оба имеют значение "оранжевый"
апельсин
Примечание: Между микроданными и содержанием документа, в котором микроданные размечены, нет никакой связи.
Одни и те же структурированные данные, размеченные двумя разными способами
Между следующими двумя примерами нет семантической разницы
<рисунок>
Замок (1986)
рисунок>
<рисунок>
Замок (1986)
рисунок>
У обоих есть рисунок с подписью, и у обоих, совершенно не связанных с рисунком, есть предмет с парой имя-значение с именем "имя" и значением "Замок". Единственное отличие состоит в том, что если пользователь перетащит figcaption из документа, элемент будет включен в данные перетаскивания. Изображение, связанное с элементом, не будет включено.
Свойство — это неупорядоченный набор уникальных токенов, чувствительных к регистру и представляющих пары "имя-значение". Значение свойства должно содержать хотя бы один токен. В приведенном ниже примере каждая ячейка данных является токеном.
Токены являются либо строками, либо URL-адресами. Элемент называется типизированным элементом , если он является URL-адресом. В противном случае это строка. Строки не могут содержать точку или двоеточие (см. ниже).
Если элемент является типизированным, он должен быть либо:
Определенное имя свойства или
Действительный URL-адрес, который ссылается на определение словаря, или
Действительный URL-адрес, который используется в качестве имени свойства проприетарного элемента (т. е. не определенного в общедоступной спецификации), или
Если элемент не является типизированным, он должен быть:
Строка, которая не содержит символов « .» (U+002E FULL STOP) и символов « : » (U+003A COLON) и используется в качестве собственного имени свойства элемента (опять же, оно не определено в публичная спецификация).
Примечание: Приведенные выше правила запрещают использование символов ":" в значениях, отличных от URL-адресов, поскольку в противном случае их нельзя было бы отличить от URL-адресов. Значения с "." символы зарезервированы для будущих расширений. Пробелы запрещены, потому что в противном случае значения будут проанализированы как несколько токенов.
Значение свойства пары "имя-значение" соответствует первому совпадению в следующем списке:
Если элемент имеет атрибут itemscope
Значение равно элемент , созданный элементом.
Если элемент является метаэлементом
Значение является значением атрибута содержимого элемента
Если элемент является элементом audio , embed , iframe , img , source , track или video element
Значение представляет собой результирующую строку URL-адреса, полученную в результате синтаксического анализа значения атрибута src элемента относительно документа узла (часть API DOM Microdata) элемента во время установки атрибута
Если элемент является элементом a , area или link .
Значение представляет собой результирующую строку URL-адреса, полученную в результате синтаксического анализа значения атрибута href элемента относительно документа узла элемента во время установки атрибута
Если элемент является элементом объекта
Значение представляет собой результирующую строку URL, полученную в результате синтаксического анализа значения атрибута данных элемента относительно документа узла элемента во время установки атрибута
Если элемент является элементом данных
Значение является значением атрибута value элемента
Если элемент метров элемент
Значение является значением атрибута value элемента
Если элемент является элементом времени
Значение является значением элемента datetime
В противном случае
Значением является элемент textContent .
Если значением свойства является URL-адрес , свойство должно быть указано с использованием элемента свойства URL. The URL property elements are the a , area , audio , embed , iframe , img , link , object , source , track , and video элементы.
Порядок имен
Имена не упорядочены относительно друг друга, но если конкретное имя имеет несколько значений, они имеют относительный порядок.
В следующем примере свойство "a" имеет значения "1" и "2", в таком порядке , но не важно, предшествует ли свойство "a" свойству "b"
<область элемента div>
1
2
тест
Следующее эквивалентно
тест
1
2
Как показано ниже
1
тест
2
И следующие
1
тест
2
Представление структурированных данных для книги
В этом примере используются атрибуты микроданных для представления следующих структурированных данных:
itemscope
тип элемента: идентификатор элемента
https://schema. org/Book: urn:isbn:0-374-22848-5
itemprop
название
Совы восточных льдов
itemprop
автор
Джонатан С. Слэхт
itemprop
датаОпубликовано
2020-08-04
HTML
Название
Совы восточных льдов
Автор
Джонатан С. Слэгт
Дата публикации
<дд>
дд>
Результат
Спецификация
html Стандарт # names: -te-itemprop-attribul
55598 # names: -te-itemprop-attribul
555598. Включите JavaScript для просмотра данных.
Другие различные глобальные атрибуты
Другие глобальные атрибуты, связанные с микроданными:
идентификатор товара
Артикул
предметная область
тип изделия
Последнее изменение: , участниками MDN
html - vs
Еще одна причина, по которой следует использовать короткий вариант, заключается в том, что он соответствует другим случаям, когда вы можете указать набор символов в разметке. Например:
Непротиворечивость помогает уменьшить количество ошибок и сделать код более читабельным.
Обратите внимание, что атрибут charset нечувствителен к регистру. Вы можете использовать UTF-8 или utf-8, однако UTF-8 понятнее, читабельнее и точнее.
Кроме того, нет абсолютно никаких причин использовать какое-либо значение, кроме UTF-8, в атрибуте метакодировки или заголовке страницы. UTF-8 является кодировкой по умолчанию для веб-документов, начиная с HTML4 в 1999 году, и единственным практичным способом создания современных веб-страниц.
Также не следует использовать объекты HTML в кодировке UTF-8. Такие символы, как символ авторского права, следует вводить напрямую. Единственные сущности, которые вы должны использовать, — это пять зарезервированных символов разметки: меньше, больше, амперсанд, штрих, двойное штрих.
Сущностям нужен парсер HTML, который вы не всегда захотите использовать в будущем. Они вносят ошибки, делают ваш код менее читаемым, увеличивают размер файлов и иногда неправильно декодируют в различных браузерах в зависимости от того, какие объекты вы использовали. Узнайте, как вводить/вставлять авторские права, товарный знак, открытую цитату, закрывающую цитату, апостроф, длинное тире, короткое тире, маркер, евро и любые другие символы, которые вы встречаете в своем контенте, и использовать эти фактические символы в своем коде.
Mac имеет Средство просмотра символов , которое можно включить в Системных настройках клавиатуры , и вы можете найти, а затем перетащить нужные символы или использовать соответствующее средство просмотра клавиатуры , чтобы увидеть, какие клавиши набирать. Например, торговая марка Option + 2 . UTF-8 содержит все знаки и символы всех письменных человеческих языков.
Так что нет оправдания использованию -- вместо длинного тире. Неплохо также изучить правила пунктуации и типографики... например, зная, что точка ставится внутри закрывающей кавычки, а не снаружи.
Использование тега для чего-то вроде типа контента и кодирования очень
иронично, так как, не зная этих вещей, вы не смогли бы разобрать файл
чтобы получить значение метатега.
Нет, это неправда. Браузер начинает синтаксический анализ файла как кодировку браузера по умолчанию, либо UTF-8, либо ISO-8859-1. Поскольку US-ASCII является подмножеством как ISO-8859-1 , так и UTF-8, браузер может нормально читать
в любом случае... это одно и то же. Когда браузер встречает тег meta charset, если кодировка отличается от той, которую браузер уже использует, браузер перезагружает страницу в указанной кодировке.
Вот почему мы поместили тег meta charset вверху, сразу после тега head, перед всем остальным, даже перед заголовком. Таким образом, вы можете использовать символы UTF-8 в своем заголовке.
Вы должны сохранить файл(ы) в кодировке UTF-8 без BOM
Это не совсем так. Если в вашем документе есть только символы US-ASCII, вы можете сохранить его как US-ASCII и использовать как UTF-8, потому что это подмножество. Но если есть символы Unicode, вы правы, вы должны сохранить как UTF-8 без спецификации.
Если вам нужен хороший текстовый редактор, который сохранит ваши файлы
в UTF-8 я рекомендую Notepad++.
На Mac используйте Bare Bones TextWrangler (бесплатно) из Mac App Store или Bare Bones BBEdit, который можно найти в Mac App Store за 39,99 долларов США. .. очень дешево для такого замечательного инструмента.
В любом приложении в нижней части окна документа есть меню, в котором вы указываете кодировку документа и можете легко выбрать «UTF-8 без спецификации». И, конечно же, вы можете установить его по умолчанию для новых документов в Настройки .
Но если ваш веб-сервер обслуживает кодировку в заголовке HTTP,
что рекомендуется, оба [метатега] не нужны.
Неверно. Вы, конечно, должны установить кодировку в заголовке HTTP, но вы также должны установить ее в мета- атрибуте charset , чтобы страница могла быть сохранена пользователем, из браузера в локальное хранилище, а затем открыта снова позже, и в этом случае единственным указанием кодировки, которая будет присутствовать, является атрибут мета-кодировки.
Вы также должны установить базовый тег по той же причине ... на сервере базовый тег не нужен, но при открытии из локального хранилища базовый тег позволяет странице работать так, как если бы она была на сервере, с все активы на месте и так далее, битых ссылок нет.
Кодировка AddDefaultCharset UTF-8
Или вы можете просто изменить кодировку определенных типов файлов, например так:
AddType text/html;charset=utf-8 html
Наконечник для обслуживания как UTF-8, так и Latin-1 (ISO-8859-1) files — дать файлам UTF-8 «текстовое» расширение, а файлам Latin-1 — «txt».
AddType текстовый/обычный; набор символов = iso-8859-1 txt
AddType text/plain;charset=текст utf-8
Наконец, рассмотрите сохранение ваших документов с окончаниями строк Unix, а не с устаревшими окончаниями строк DOS или (классическими) Mac, которые не помогают и могут повредить, особенно в будущем, поскольку мы все дальше и дальше от этих устаревших систем.
HTML-документ с допустимой кодировкой HTML5, UTF-8 и окончаниями строк Unix — это хорошо выполненная работа. Вы можете делиться, редактировать, хранить, читать, восстанавливать и полагаться на этот документ во многих контекстах. Это лингва франка. Это цифровая бумага.
мета-статус http-equiv - IndieWeb
Эта статья незавершенная. Вы можете помочь вики IndieWeb, дополнив ее.
метастатус http-equiv — это спецификация расширения HTML, которая добавляет значение «Статус» к атрибуту http-equiv существующего метаэлемента в качестве метода представления кода состояния HTTP, возвращаемого веб-сервером, обслуживающим этот HTML-документ, а также для использования таких приложений, как приемники webmention, для анализа и интерпретации как таковых для вариантов использования, таких как представление удаленного ресурса 410 Gone на статическом хостинге, который часто запрещает прямую установку заголовков HTTP.
Статус
Это спецификация Living , но она достаточно зрелая, чтобы поощрять внедрение и обратную связь.
Последняя опубликованная версия
https://indiewebcamp.com/meta_http-equiv_status
Участвовать
обратная связь
обсудить
Редакторы
Тантек Челик
Авторы
Другие участники: история изменений
Лицензия
Согласно CC0, насколько это возможно по закону, редактор(ы) и участники отказались от всех авторских и смежных прав на это произведение. Кроме того, с 01.10.2022 редактор(ы) и участники (с 07.04.2015) сделали эту спецификацию доступной в рамках Соглашения Open Web Foundation версии 1.0.
Содержание
1 http-equiv Статус
2 Атрибут содержимого
2.1 410 Исчез
3 Требования к серверу
4 Руководство для издателей
5 Требования к потреблению приложений
5.1 Требования к приемнику Webmention
6 примеров IndieWeb
7 Реализации
8 Мозговой штурм
8.1 Возможное дополнение к разбору uf2
9 Фон
10 См. также
Статус http-equiv
Эта спецификация расширяет существующий атрибут http-equiv тега HTML одним дополнительным значением:
Статус - без учета регистра, указывает директиву кода ответа заголовка HTTP, сам код ответа предоставляется в существующем атрибуте содержимого .
Атрибут содержимого
Хотя эта спецификация потенциально допускает любой код возврата состояния HTTP, в настоящее время она определяет только следующие дополнительные значения для атрибута «content», основанные на реальных сценариях использования.
410 Исчез
Если по какой-либо причине вы не можете настроить свой веб-сервер / хост контента для возврата ответа 410 (например, страницы GitHub), мета-http-equiv предоставляет странице возможность передавать эту информацию.
Поскольку код состояния HTTP явно возвращается в коде как заголовок «Status:»[1], мы можем просто использовать мета-http-equiv:
Требования к серверу
HTTP-серверы должны читать документа HTML перед его обслуживанием и использовать первый метаэлемент со значением атрибута http-equiv «Статус» (без учета регистра) для кода состояния, возвращаемого в заголовке ответа HTTP, если он не был установлен другими средствами конфигурации (например, в . htaccess).
Руководство для издателей
Издатели должны поместить этот метатег в HTML, который они возвращают для удаленных комментариев в дополнение к , возвращающему код состояния ответа HTTP 410.
Требования к приложению-потребителю
Приложение, использующее статус мета-http-equiv, должно реализовывать следующее:
Когда приложение-потребитель извлекает ресурс HTTP, который возвращает код состояния HTTP 200, если ресурс является HTML-документом, реализация ДОЛЖНА проверять наличие метаэлемента с атрибутом http-equiv «Статус» (без учета регистра) с атрибут содержимого, начинающийся с номера кода состояния HTTP и пробела (например, «410» или «410 Gone»).
Если такой элемент находится внутри элемента заголовка HTML-документа, приложение-потребитель ДОЛЖНО рассматривать этот ресурс так, как если бы его возвращаемые заголовки HTTP возвращали этот код состояния.
Требования к приемнику Webmention
Приемник webmention — это особый тип потребляющего приложения. Вот как требования к потребляющему приложению применяются, в частности, к получателям webmention:
Если ваша реализация является приемником Webmention, помимо требований к обработке приемника Webmention, она должна выполнять следующие действия:
При извлечении исходного документа в рамках проверки тела исходного документа на наличие ссылки на цель получатель веб-упоминания ДОЛЖЕН сначала проверить наличие метаэлемента с атрибутом http-equiv «Статус» (без учета регистра) с атрибутом содержимого который начинается с "410", например. «410 ушли». Если такой элемент находится внутри элемента заголовка исходного документа, получатель веб-упоминания ДОЛЖЕН рассматривать этот исходный документ так, как если бы его возвращаемые заголовки HTTP возвращали код состояния HTTP 410 Gone, как определено в спецификации веб-упоминания.
Примеры IndieWeb
Персональные сайты, публикующие метастатус http-equiv, например. для удаленных сообщений:
... медведь . .. нужны постоянные ссылки
... Тантек Челик ... нужна постоянная ссылка
... Marty McGuire добавил поддержку 24 января 2017 г. Пример удаленного поста
...
Персональные сайты, использующие метастатус http-equiv, например. для удаленных ответов:
... Кайл Махан ... нужны постоянные ссылки и реализации (Redwind?)
... Малькольм Блейни добавил поддержку 14 июня 2016 г .: https://gitlab.com/dobrado/dobrado/blob/master/install/Post.php#L1325
...
Реализации
Серверы:
django-httpequiv-status — это (альфа) ПО промежуточного слоя Django, которое автоматически реализует требования к серверу для любого веб-приложения Django.
Использование приложений/получателей Webmention:
Redwind — это независимая веб-система управления контентом, которая реализует требования потребляющего приложения, в частности, в качестве получателя Webmention.
dobrado реализует требования к потребляющим приложениям при получении веб-упоминания.
Мозговой штурм
Возможное дополнение к синтаксическому анализу uf2
Добавление синтаксического анализа http-equiv к синтаксическому анализу uf2 кажется хорошей стратегией:
Из чата 09.04.2014:
10:56 было бы здорово, если бы http-equiv был включен в результат парсеров микроформатов, например, как "rels"
...
10:57 пример: https://gist.github.com/aaronpk/10297489
01 мая 2016 г. Bear и Кайл Махан в реальном времени публикуют и потребляют мета-http-equiv 410 с реализациями kaku и Redwind соответственно и, таким образом, подтверждают концепцию.
08.05.2016 Tantek Çelik вторая реализация публикации с (Falcon).
17 мая 2016 г. Первый проект спецификации.
См. также
Веб-упоминание
удалено
https://twitter. com/cramforce/status/1505
5866293255
"@JohnMu Эй! Есть ли документация о том, как робот GoogleBot обрабатывает мета-http-equiv-status (https://indieweb.org/meta_http-equiv_status)? В частности, меня интересует возможность чтобы пометить документ, доставленный с кодом состояния 200, как 4XX в ответе на потоковую передачу». @cramforce 21 марта 2022 г.
Атрибут «http-equiv» не разрешен для элемента «meta» на данный момент.
Rocket Validator интегрирует средство проверки HTML W3C Validator.
в автоматизированный поисковый робот.
Бесплатная пробная версия
Пробная версия Pro
http-эквивалент
мета
Элемент , использующий атрибут http-equiv , был обнаружен в неожиданном месте документа. Он должен появиться внутри раздел, как в этом примере:
<голова>
Тест
голова>
<тело>
Содержание страницы
тело>
Атрибут http-equiv используется на веб-страницах для имитации заголовка ответа HTTP. Хотя заголовки ответа HTTP можно установить с сервера, не у всех есть доступ к конфигурации сервера, поэтому альтернативой является использование для определения параметров, которые в противном случае потребовали бы установки заголовка ответа HTTP.
Наиболее популярное использование http-equiv — определение типа содержимого документа, как в приведенном выше примере, хотя в HTML5 вместо этого предпочтительнее использовать это:
Еще одно популярное использование http-equiv — настройка автоматической перезагрузки веб-страницы, например, браузер будет перезагружать страницу каждые 60 секунд:
<мета http-equiv="обновить" содержимое="60">
Однако автоматическое обновление страницы является плохой практикой с точки зрения доступности, так как пользователи не ожидают, что страница будет делать это, и это приведет к перемещению фокуса обратно в начало страницы, что может вызвать разочарование или замешательство.
Другие значения, которые можно использовать с атрибутом http-equiv, включают:
.
политика безопасности контента
длина содержимого.
кодирование контента
стиль по умолчанию
оконная цель
Связанные проблемы средства проверки W3C
Атрибут «charset» в элементе «meta», обнаруженный после первых 1024 байтов.
кодировка
мета
Ожидается, что появится в начале документа в пределах первых 1024 байтов. Переместите его в начало раздел, как в этом примере:
<мета-кодировка="utf-8">
...
голова>
Объявление кодировки символов — это механизм, с помощью которого указывается кодировка символов, используемая для хранения или передачи документа. Для документов HTML стандартным способом объявления кодировки символов документа является включение тега с атрибутом charset , обычно .
По стандарту W3C:
Элемент, содержащий объявление кодировки символов, должен быть полностью сериализован в пределах первых 1024 байтов документа.
Источник:
W3C: метаданные документа
Документ не должен включать как элемент «meta» с атрибутом «http-equiv», значение которого равно «content-type», так и элемент «meta» с атрибутом «charset».
кодировка
мета
http-эквивалент
Тип содержимого
утф-8
Чтобы определить кодировку HTML-документа, обе эти опции допустимы, но только одна из них должна присутствовать в документе :
<мета-кодировка="UTF-8">
Читать про указание кодировки символов
Документ не должен включать более одного элемента «meta» с атрибутом «charset».
мета
кодировка
Тег , используемый для определения кодировки символов, должен появляться в документе только один раз в разделе .
Узнать больше:
W3C: метаданные документа
Элемент «meta» с атрибутом «http-equiv», значение которого «X-UA-Compatible», должен иметь атрибут «content» со значением «IE=edge».
мета
http-эквивалент
X-UA-совместимый
IE=край
хром=1
Единственным допустимым значением для атрибута content в в настоящее время является IE=edge . Вероятно, вы сталкиваетесь с этой проблемой, потому что проверяемая страница содержит следующий метатег:
Поскольку плагин Google Chrome Frame был прекращен 25 февраля 2014 г., он больше не поддерживается, поэтому вам следует изменить этот метатег на:
Согласно этой статье в Википедии:
Google Chrome Frame был подключаемым модулем, разработанным для Internet Explorer на основе проекта Chromium с открытым исходным кодом, о котором впервые было объявлено 22 сентября 2009 года. Он стал стабильным в сентябре 2010 года, в первый день рождения проекта. Он был прекращен 25 февраля 2014 г. и больше не поддерживается.
Плагин работал с Internet Explorer 6, 7, 8 и 9. Это позволяло отображать веб-страницы с соответствующим кодом в Internet Explorer с помощью версий Google Chrome механизма компоновки WebKit и механизма JavaScript V8.
Вы можете прочитать официальное сообщение о прекращении поддержки Google Chrome Frame, которое было опубликовано в июне 2013 года.
Когда вы в последний раз проверяли весь свой сайт?
Поддерживайте работоспособность своих сайтов, проверяя наличие проблем A11Y/HTML по автоматическому расписанию.
Rocket Validator Pro 50 000 чеков A11Y / HTML, 48 долл. США в месяц
В данный момент атрибут «charset» не разрешен для элемента «meta».
мета
кодировка
Обнаружен тег , который либо имеет неправильный формат, либо находится в неправильном месте в документе. Проверьте его атрибуты и контекст.
Например, следующий HTML-код содержит действительный тег , который вызывает проблему из-за плохого контекста, вызванного тег, которого не должно быть:
<голова>
Тест jpg" alt="Улыбающийся кот" />
<метакодировка="utf-8" />
голова>
<тело>
Некоторый контент
тело>
Если мы исправим этот документ и переместим тег в тело, проблема возникнет примерно на исчезает, потому что теперь он находится в допустимом контексте:
<голова>
Тест
<метакодировка="utf-8" />
голова>
<тело>
Некоторый контент
тело>
Узнать больше:
Спецификация HTML: метаэлемент
Атрибут «имя» не разрешен для элемента «мета» в данный момент.
мета
имя
Обнаружен тег , который либо имеет неправильный формат, либо находится в неправильном месте в документе. Проверьте его атрибуты и контекст.
Например, следующий HTML-код содержит действительный тег , который вызывает проблему из-за плохого контекста, вызванного тег, которого не должно быть:
<голова>
Тест
голова>
<тело>
Некоторый контент
тело>
Если мы исправим этот документ и переместим внутри тела, проблема, возникшая в отношении , исчезает, потому что теперь она находится в допустимом контексте:
<голова>
Тест
голова>
<тело>
Некоторый контент
jpg" alt="Улыбающийся кот" />
тело>
Узнать больше:
Спецификация HTML: метаэлемент
Неверное значение «cache-control» для атрибута «http-equiv» элемента «meta».
кеш-контроль
http-эквивалент
директива прагмы
Значение cache-control больше не является допустимой директивой прагмы. Лучшей альтернативой является определение управления кешем как HTTP-заголовка.
Узнать больше:
Спецификация HTML: директивы прагмы
MDN: HTTP-заголовок Cache-Control
Могу ли я использовать Cache-Control?
Неверное значение «Content-Script-Type» для атрибута «http-equiv» элемента «meta».
мета
http-эквивалент
контент-скрипт-тип
Согласно W3C, http-equiv value content-script-type Атрибут неизвестен для метаразметки HTML5.
Узнать больше:
MDN: http-эквивалент
Неверное значение «Content-Style-Type» для атрибута «http-equiv» элемента «meta».
мета
http-эквивалент
тип стиля контента
Согласно W3C, http-equiv value content-style-type Атрибут неизвестен для метаразметки HTML5.
Узнать больше:
MDN: http-эквивалент
Неверное значение «og:type» для атрибута «property» элемента «meta»: строка «og:type» не является абсолютным URL-адресом.
ог: тип
имущество
мета
двойные кавычки
Элемент имеет недопустимое значение атрибута свойства , вероятно, вызванное недопустимыми двойными кавычками. Проверьте двойные кавычки, ” должно быть ” .
Правильная разметка для этого метатега должна быть такой:
Когда вы в последний раз проверяли весь свой сайт?
Поддерживайте работоспособность своих сайтов, проверяя наличие проблем A11Y/HTML по автоматическому расписанию.
Rocket Validator Pro 50 000 чеков A11Y / HTML, 48 долл. США в месяц
Неверное значение «text/html; charset=windows-1251» для атрибута «content» элемента «meta»: за «charset=» должно следовать «utf-8».
кодировка
содержание
мета
утф-8
окна-1251
В документе был найден тег , в котором указано, что кодировка windows-1251 , но на самом деле это utf-8 . Вы должны обновить тег, чтобы отразить фактическую кодировку документа, например:
Неверное значение «text/html; charset=windows-1252» для атрибута «content» элемента «meta»: за «charset=» должно следовать «utf-8».
кодировка
содержание
мета
утф-8
окна-1252
В документе был найден тег , указывающий, что кодировка — windows-1252 , но на самом деле это utf-8 . Вы должны обновить тег, чтобы отразить фактическую кодировку документа, например:
Постарайтесь избегать значений области просмотра, которые не позволяют пользователям изменять размер документов.
окно просмотра
мета
масштабируемый пользователем
максимальный масштаб
А 9Обнаружен элемент 0017, где допустимые значения области просмотра не позволяют пользователям масштабировать и масштабировать документ.
Параметр user-scalable="no" отключает масштабирование веб-страницы браузером. Параметр максимального масштаба ограничивает степень масштабирования, которую может масштабировать пользователь. И то, и другое создает проблемы для пользователей со слабым зрением, которые полагаются на масштабирование браузера, чтобы увидеть содержимое веб-страницы. Попробуйте уменьшить эти значения, чтобы пользователи могли изменять размер документов.
Узнать больше:
MDN: использование метатега области просмотра для управления макетом в мобильных браузерах
В элементе «meta» отсутствует один или несколько следующих атрибутов: «content», «itemprop», «property».
мета
содержание
элементпроп
имущество
А <мета> 9Элемент 0017 без атрибутов content , itemprop или property был обнаружен в неожиданном месте.
Проверьте его атрибуты и контекст — в зависимости от раздела документа ( или ) элемент допускает различные атрибуты.
Узнать больше:
HTML Living Spec: микроданные
MDN: микроданные
В элементе «meta» отсутствует один или несколько следующих атрибутов: «content», «property».
содержание
мета
имущество
Обнаружен тег , в котором отсутствует требуемый контент . Пример допустимого метатега :
В элементе «meta» отсутствует один или несколько из следующих атрибутов: «itemprop», «property».
мета
тело
микроданные
элементпроп
имущество
Элемент без itemprop или свойство атрибутов было найдено в неожиданном месте.
Хотя элемент обычно используется в разделе документа, его также можно использовать в разделе , например, в контексте определения микроданных, как в этом примере. :
org/Offer">
Цена: $1,00
При использовании в разделе элемент должен иметь свойство itemprop или и атрибут content , и он не может иметь http-equiv или атрибут charset .
Распространенной причиной этой проблемы является включение элемента , предназначенного для раздела (например, элемента, содержащего http-equiv 9).0017 в , например:
<форма>
...
форма>
Узнать больше:
HTML Living Spec: микроданные
MDN: микроданные
Используется устаревшая кодировка «windows-1252». Документы должны использовать кодировку UTF-8.
окна-1252
утф-8
кодировка
содержание
мета
В HTML5 рекомендуется использовать кодировку символов Unicode (UTF-8), а не устаревшую кодировку символов, такую как Latin1 (Windows-1252 или ISO 8859-1).
Короче говоря, это может быть просто вопрос использования в вашем документе, но вы также должны убедиться, что ваши страницы также сохранены и обслуживаются как UTF-8.
W3C: изменение HTML-страницы на Unicode
«мета» элемент между «головой» и «телом».
мета
глава
тело
Теги , используемые для определения метаданных HTML-документов, должны появляться в разделе . .. , но было обнаружено, что это неуместно. Проверьте структуру документа, чтобы убедиться в отсутствии тегов вне раздела заголовка.
Распространенной причиной этой проблемы является наличие дублированного, неуместного раздела ... . Убедитесь, что этот раздел отображается на своем месте и является единственным контейнером для тегов .
Атрибут «схема» в элементе «мета» устарел. Используйте только одну схему для каждого поля или сделайте объявление схемы частью значения.
схема
мета
устаревший
Элемент больше не принимает атрибут схемы , теперь он устарел и должен быть удален.
Например, старые документы, соответствующие старым определениям в DCMI (Dublin Core Metadata Initiative), используют этот HTML-тег для определения даты:
Поскольку атрибут схемы устарел, его следует удалить. Следующий HTML-код пройдет текущую проверку, но вам следует проверить точное определение, если вы хотите продолжать использовать теги DCMI.
Узнать больше:
Инициатива Дублинского ядра по метаданным
25 000 проверок HTML в месяц. Полностью автоматизирован.
Экономьте время, используя нашу автоматическую веб-проверку. Позвольте нашему сканеру проверить ваши веб-страницы на W3C Validator.
Rocket Validator Basic 25 000 проверок HTML, 36 долларов США в месяц
атрибут http-Equiv (мета) HTML и XHTML
Вы находитесь здесь: Справочник > HTML > атрибуты > http-Equiv (мета)
Поддержка браузера:
Устанавливает информацию для заголовков ответных сообщений HTTP. Используйте его с атрибутом содержимого, чтобы создать четко определенный метатег.
Страница JavaScript для этого атрибута: httpEquiv. Вы можете найти другие примеры там.
Возможные значения:
Строка, устанавливающая информацию о заголовке сообщения ответа HTTP.
Приведенный ниже список содержит только наиболее часто используемые значения. Подробный список см.
Сайт определений полей заголовков (W3C).
Указывает основной естественный язык (языки) документа. Используется поисковыми системами для классификации страниц по языку.
тип содержимого
Указывает набор символов для содержимого страницы.
Рекомендуется всегда указывать набор символов. Вместо этого используйте атрибут charset в HTML5.
дата
Указывает дату и время создания страницы.
истекает
Указывает дату и время истечения срока действия страницы.
последняя модификация
Указывает дату последнего изменения.
адрес
Перенаправляет получателя в другое место.
страница-введите
Указывает эффект перехода фильтра Internet Explorer, который должен выполняться при загрузке сайта.
страница-выход
Указывает эффект перехода фильтра Internet Explorer, который должен выполняться при загрузке сайта.
этикетка с изображением
Указывает информацию для загрузчиков содержимого.
прагма
Задает управление кешем для старых браузеров. То же, что и кеш-контроль.
набор файлов cookie
Создает файл cookie с указанным именем, сроком действия и значением. Метатеги должны создавать более одного файла cookie.
сайт-введите
Указывает эффект перехода фильтра Internet Explorer, который должен выполняться при загрузке сайта.
сайт-выход
Указывает эффект перехода фильтра Internet Explorer, который должен выполняться при загрузке сайта.
окно-мишень
Указывает имя фрейма, в который должен быть загружен текущий документ.
x-ua-совместимый
Указывает режим совместимости документов в Internet Explorer, начиная с версии 8. Дополнительные сведения см. в разделе Определение совместимости документов (MSDN).
По умолчанию: этот атрибут не имеет значения по умолчанию .
Пример кода HTML 1:
Этот пример иллюстрирует использование атрибута http-Equiv :