Подробное объяснение HTML Meta

Мета тега является вспомогательной меткой в ​​области головы языка HTML.

Мета часто используется для определения инструкций, ключевых слов и, наконец, изменить дату и другие метаданные. Эти метаданные будут обслуживать браузер (как макет или повторная загрузка страницы), поисковые системы и другие сетевые службы.

Mata Label содержит глобальные атрибуты (https://developer.mozilla.org/en-s/docs/web/global_attributes)

Объявление кода символа веб -страницы:

 <meta charset = utf-8>

Содержание атрибута контента-это значение свойства HTP-Equiv или имени, которое зависит от того, какой вы используете.

Этот атрибут может содержать имя заголовка HTTP, а полное английское название атрибута-HTTP-эквивалент. Он определяет инструкции, которые могут изменить поведение сервера и пользовательского агента. Значение этой инструкции определено в свойстве контента, которое может быть одним из следующих:

Определите язык по умолчанию страницы. Это может быть покрыто свойством Ланга на любом элементе.

Браузеру запрещено посещать содержание страницы из кеша локального компьютера. нравиться:

 <meta http-equiv = pragma content = no-cache>

Можно использовать для установления времени истечения срока действия веб -страницы. Как только веб -страница истекает, она должна быть переоборудована на сервере.

Укажите механизм запросов и ответа кеша и ответа. Есть следующие методы использования:

No-Cache: сначала отправьте запрос, подтвердите, изменяется ли ресурс на сервере, и если он не изменен, используйте кэш.

Нет магазина: не разрешайте кэши, зайдите на сервер каждый раз, загружайте полный ответ. (Меры безопасности)

Общественность: кэширует все ответы, но не обязательно. Потому что максимальный возраст также может достичь того же эффекта

Private: только один пользовательский кэш, поэтому кеш реле не допускается. (Например, CDN не разрешает кеш частного ответа)

Max-Age: текущий запрос начинается, как долго можно квалифицировать и повторно используется, не обращаясь на сервер для повторного регистрации. Например: Max-Age = 60 означает, что ответ можно кэшировать и использовать повторно в течение 60 секунд.

Позвольте автору определить контент -стратегию текущей страницы. Стратегия контента в основном определяет допустимый адрес сервера и конечную точку сценария, что помогает предотвратить атаку сценариев поперечного сайта.

Суть CSP - это система белых списков. Все его реализация и выполнение завершены браузером, и разработчикам необходимо только обеспечить конфигурацию.

CSP значительно повышает безопасность веб -страницы. Даже если злоумышленник находит уязвимость, он не может ввести сценарий, если только он не контролирует заслуживающий доверия хост, указанный в белом списке. Два метода могут включить CSP. Одним из них является область контента-безопасной политики через информацию о заголовке HTTP.

 Контент-безопасность-политика: Script-Src 'self';

Другой - этикетка веб -страницы.

 <meta http-equiv = content-security-policy content = script-src 'seld';

В приведенном выше коде CSP создал следующую конфигурацию:

Скрипт: Доверьтесь текущему доменному имени

Теги: нет URL, то есть не загружайте никаких ресурсов

Таблица стиля: только доверие cdn.example.org и третья сторона.org

Кадра: необходимо загрузить с помощью протокола HTTPS

Другие ресурсы: нет ограничений

После открытия внешние ресурсы, которые не соответствуют CSP, будут предотвращены загрузкой.

Больше введения: Учебное пособие по политике безопасности контента.

Определите тип документа MIME, а затем кодируйте его с его символами.

Не используйте это значение, потому что оно устарело. Рекомендуется использовать атрибут Charset на элементе.

Поскольку тип документации не может быть изменен в сериализации XHTML XHTML или HTML5, не используйте тип MIME, чтобы установить тип MIML MIME.

Эта инструкция указывает:

Если атрибут содержимого содержит только одно положительное целое число, он представляет количество секунд, загруженных на странице.

Если атрибут конференции содержит положительное целое число, а затем строка ';

 <meta http-equiv = replesh Content = 2;

Определите cookie на странице.

Не используйте эту инструкцию, используйте Set-cookie of Http Header (https://developer.mozilla.org/en-s/docs/web/http/headers/set-cookie) вместо этого

Он используется, чтобы сообщить браузеру отображать страницу.

 <meta http-equiv = x-ua-composition content = ie = edge, chrome = 1/> Укажите IE и Chrome для визуализации текущей страницы с помощью последней версии

Определение атрибута имени принадлежит метаданным на уровне документа.

Название данных Meta -DATA связано со значением атрибута контента. Возможное значение атрибута имени:

Определите имя приложения, работающего на веб -странице.

Используется для обозначения автора веб -страницы.

В том числе описание миниатюры содержания страницы. Некоторые браузеры, такие как Firefox и Opera, используют это описание по умолчанию в качестве веб -закладки.

Он используется, чтобы указать, какое программное обеспечение производится на веб -странице.

Используется для рассказа о поисковой системе, ключевые слова вашей веб -страницы

Если страница не обновляется часто, чтобы уменьшить давление сканеров поисковых систем на сервер, вы можете настроить время для хлистого. Если время повторного визита слишком короткое, к Hrawler будет доступ в соответствии с определенным временем по умолчанию, которое они определили. Пример:

 <meta name = revisit-after content = 7 дней>

Renderer готов к двойным браузерам, чтобы указать, как двойной браузер по умолчанию отдает страницу. Например, 360 браузер. Пример:

 <meta name = renderer content = webkit> // webkit kernel <meta name = renderer content = ie-comp> // режим совместимости по умолчанию <meta name = renderer content = ie-sand> // стандартный режим по умолчанию i E E E E E

Рефератель управляет заголовком http-реферата (https://developer.mozilla.org/en-us/docs/web/http/referer в запросе документа. Соответствующее значение содержит содержание:

Роботы используют, чтобы сообщить рептилиям, какие страницы нуждаются в индексах, а какие страницы не требуют индексов.

Предоставляет подсказку о размере начального размера Viewport. Только для мобильных устройств.

Распространенное использование

Запретное масштабирование:

 <Meta name = Viewport Content = начальная масштаба = 1,0, минимальная шкала = 1,0, максимальная масштаба = 1,0, пользовательский шкалера = нет/>

Автоматически обновить веб -страницу

Вы можете установить операцию обновления страницы через некоторое время. Meta http-equiv = refresh может указать браузер, чтобы отложить страницу автоматического обновления на определенное время. Мета-тег указывает браузер ниже автоматически обновляться каждые 5 секунд.

 <meta http-equiv = rewarresh content = 5 ″ />

Автоматическое перенаправление

Мы можем использовать Meta Meta -Fresh для перенаправления страницы. Следующий пример посетит www.vevb.com через 5 секунд

 <meta http-equiv = colresh = 5;

Запрещенный кеш браузера

Когда мы тестируем веб -страницу локально, новый контент не обновляется во времени, и может быть кэш браузера. В настоящее время мы можем решить его до тех пор, пока мы отключим кеш браузера, используя метаги. Общий код выглядит следующим образом:

 <meta http-equiv = истекать content = 0> <meta http-equiv = pragma content = no-cache> <meta http-equiv = cache-control content = no-cache>

Назначение транскодирования Baidu

 <meta http-equiv = cach-control content = no-sizeapp/>>

В разработке мобильной связи код, который защищает номер в качестве номера телефона:

 <Meta Content = телефон = no name = format-detection />

обратиться к

Элемент MDN HTML (https://developer.mozilla.org/en-s/docs/web/html/element/meta))