Meta content type: Metadata — MDN Web Docs Glossary: Definitions of Web-related terms

HTML/Прагма директива content-type (Элемент meta)

Синтаксис

HTML

XHTML

<head>
  ...
  <meta http-equiv="content-type"
        content="[значение]">
  ... 
</head>

Описание

Прагма директива content-type (от англ. «content type» ‒ «тип содержимого») указывает тип и кодировку символов документа.

Примечание

В HTML5 данная прагма является альтернативной формой «charset» атрибута.


Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.


Спецификация

Верс.Раздел
HTML
2. 0
Associated Meta-information: META
Перевод
3.2META
4.01The META element
http-equiv = name [CI]…
DTD: Transitional Strict Frameset
5.04.2.5.3 Pragma directives
http-equiv=»content-type»…
5.14.2.5.3. Pragma directives
http-equiv=»content-type»…
XHTML
1.0Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1. 1Extensible HyperText Markup Language

Значения атрибута «content»

Атрибут «content» должен иметь значение, являющееся строкой из регистронезависимых ASCII символов, которая состоит из: символьной строки «text/html;», за которой может следовать любое количество пробелов, за которыми указывается строка «charset=», после которой следует метка обозначающая определённую кодировку символов.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Регистр символов: не учитывается.


Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>

<title>Прагма директива content-type</title>
</head>
<body>
<h2>Пример использования прагма директивы «content-type»</h2>
<p>Данный документ использует UTF-8 в качестве кодировки символов документа. </p>
</body>
</html>

Прагма директива content-type

Атрибут http-equiv тега | HTML справочник

HTML тег <meta>

Значение и применение

Атрибут http-equiv (HTML тега <meta>) фактически эквивалентен гипертекстовому заголовку (имитация http-заголовка), формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными http-заголовками. Название заголовка указывается в атрибуте http-equiv, а значение указывается в атрибуте content. В некоторых случаях могут автоматически быть переведены в настоящие HTTP-заголовки.

Если атрибут http-equiv используется, то атрибут name не должен устанавливаться в мета-теге.

Поддержка браузерами

Атрибут
Chrome

Firefox

Opera

Safari

IExplorer

Edge
http-equivДаДаДаДаДаДа

Синтаксис:

<meta http-equiv = "content-security-policy | content-type | default-style | refresh">

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

ЗначениеОписание
content-security-policyЭто значение позволяет администраторам веб-сайта определить правила (политику) для обслуживаемых ресурсов. Это помогает использовать механизм обеспечения безопасности, с помощью которого можно защищаться от атак с внедрением контента, например, межсайтового скриптинга.
content-typeЗадает кодировку для документа. Считается устаревшим в HTML 5.
default-styleУказывает имя предпочитаемых стилей документа. Имя задается в атрибуте content и должно соответствовать следующим условиям (ограничениям):
  • имя должно соответствовать значению глобального атрибута title HTML тега <link> в том же документе, при этом элемент должен иметь атрибут href, который ссылается на расположение таблицы стилей CSS.
  • имя должно соответствовать значению глобального атрибута title HTML тега <style> в том же документе, содержание этого элемента должно соответствовать таблице стилей CSS.
refreshОпределяет интервал времени в секундах через который документ будет обновлен. Если внутри атрибута content указать через запятую значение домена (ss, URL=»domain»), то произойдет переход со страницы на заданный ресурс.

Отличия HTML 4.01 от HTML 5

В HTML 5 значение content-type считается устаревшим.
До стандарта HTML 5 значение кодировки страницы указывалось следующим образом:
<meta http-equiv = "Content-Type" content = "text/html; charset = character_set">

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<meta  http-equiv  = "refresh" content = "15, URL='http://basicweb.ru'" > <!-- мета элемент, который указывает, что страница будет перезагружена через 15 секунд и перейдет по указанному URL -->
		<meta  http-equiv  = "content-security-policy" content = "default-src https:" > <!-- мета элемент, который разрешает загрузку ресурсов (изображения, шрифты, скрипты и так далее) только с использованием https -->
		<meta  http-equiv  = "default-style" content = "default style" > <!-- мета элемент, который указывает имя предпочитаемых css стилей документа -->
		<title>Пример использования атрибута http-equiv тега <meta></title>
		<link href = "default.
css" rel = "stylesheet" type = "text/css" title = "default style"> </head> <body> <h3> Это заголовок.</h3> <p>Это параграф. </p> </body> </html>

В данном примере мы использовали три элемента <meta> для которых были указаны различные значения атрибута http-equiv:

  • первый мета элемент, указывает, что страница будет перезагружена (значение refresh) через 15 секунд и перейдет по указанному URL (значения, указанные в атрибуте content). Если адрес URL не указан, то страница просто будет перезагружена.
  • второй мета элемент разрешает загрузку ресурсов (изображения, шрифты, скрипты и так далее) только с использованием
    https
    . Это стало доступным благодаря использованию значения content-security-policy, которое позволяет с использованием атрибута content определить правила (политику) для обслуживаемых ресурсов.
  • третий мета элемент, указывает имя предпочитаемых css стилей документа. Обратите внимание, что значение атрибута content должно совпадать со значением глобального атрибута title HTML тега <link>.

HTML тег <meta>

html — против

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

  

Пример сайта

Согласованность помогает уменьшить количество ошибок и сделать код более читабельным.

Обратите внимание, что атрибут 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 — это хорошо выполненная работа. Вы можете делиться, редактировать, хранить, читать, восстанавливать и полагаться на этот документ во многих контекстах. Это лингва франка. Это цифровая бумага.

визуальная студия — Что такое ?

спросил

Изменено 1 год, 1 месяц назад

Просмотрено 27 тысяч раз

Когда я создаю новый HTML-файл в Visual Studio 2017, это:

 
<метакодировка="utf-8" />
 

всегда отображается в .

Программа прекрасно работает и без него. Итак, может кто-нибудь, пожалуйста, скажите мне, что он делает?

  • html
  • визуальная студия

1

Согласно HTML Dog:

Атрибут charset можно использовать в качестве сокращенного метода для определения набора символов HTML-документа, что всегда полезно. <мета-кодировка="utf-8"> совпадает с .

Таким образом, он в основном используется для определения кодировки вашего HTML-документа.

Причина, по которой Visual Studio 2017 добавляет оба метатега, может заключаться в том, что таким образом ваш HTML будет максимально совместим со старыми браузерами.

— это старый способ определения кодировки.

— это новый и более короткий способ сделать то же самое.

3

Википедия говорит:

UTF-8 — это кодировка символов переменной ширины, способная кодировать все 1 112 064 допустимых кодовых точки в Unicode с использованием от одного до четырех 8-битных байтов.

Сокращение: UTF-8 является доминирующей во всем мире и кодировкой по умолчанию. Он содержит все определенные буквы (например, польский ąęóżź ), знаки ( #$%›ř£ŕ‹řŗŠ’ģýņ и т. д.) или эмодзи (💎🦄✨).

W3Schools говорит:

Атрибут http-equiv предоставляет HTTP-заголовок для информации/значения атрибута содержимого.

тип содержимого указывает кодировку символов для документа.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *