1. Причина
В последнее время отдел продвигает микро-интерфейс, и ему необходимо разделить несколько подприложений по функциям.Основное приложение часто не загружается в процессе загрузки. Потому что в https-адресе, если загружен http-ресурс, браузер посчитает его небезопасным ресурсом и по умолчанию заблокирует. Позже он был добавлен в документацию.<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">Идеальное решение.
Вот тогда я понял, что был правmetaЯ ничего не знаю об этом, эта статья в основном знакомитmeta, и кстати тоже упомянуheadдругие теги в . Если есть что-то не так, пожалуйста, укажите на это, и, наконец, добро пожаловать + в избранное.
2. главный тег
headэтикетка сhtmlЭтикетка,bodyТег также является обязательным элементом документа.
headТег используется для указания информации заголовка документа, это контейнер для всех элементов заголовка.headЭлементы могут ссылаться на скрипты, сообщать браузеру, где найти таблицы стилей, предоставлять метаинформацию и многое другое.
Заголовок документа описывает различные свойства и информацию о документе, включая название документа, его местоположение в Интернете и его связь с другими документами. Подавляющее большинство заголовков документов содержат данные, которые фактически никогда не отображаются читателю в качестве содержимого.
Следующие теги можно использовать вheadчасть:base, link, meta, script, style, а такжеtitle.
注意:должен положитьheadМетки размещаются в начале документа, сразу послеhtmlсзади и вbodyэтикетка илиframesetперед этикеткой.
3. тег заголовка
titleОпределяет заголовок документа, которыйheadЕдинственный обязательный элемент в разделе. Браузер будет использовать заголовок особым образом.Заданное содержимое не будет отображаться на странице.Обычно оно размещается в строке заголовка или строке состояния окна браузера.Например,если для заголовка задано пустое название , будет отображаться адресная информация текущей страницы.
Когда документ добавляется в список ссылок пользователя, список избранного или закладок, заголовок становится именем по умолчанию для ссылки на документ.
1. атрибут каталога
Определяет направление текста содержимого в элементеrtl,ltr.
2. атрибут языка
Указывает код языка содержимого элемента.
4. метатеги
metaЭлементы, как правило, остаются незамеченными пользователями, ноmetaОн влияет на всю веб-страницу и играет ключевую роль в том, может ли веб-страница быть найдена поисковыми системами, и ее рейтинге в поиске.
metaимеет обязательный атрибутcontentЗначение, используемое для представления элемента, который необходимо установить.
metaЕсть два необязательных свойстваhttp-equivиname, используется для указания элемента, который необходимо установить.
Например<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">, элемент набораContent-Security-PolicyУстановленное значениеupgrade-insecure-requests.
1. атрибут http-equiv
http-equivОбычно устанавливается сhttpИнформация, относящаяся к заголовку запроса, установленное значение будет связано с заголовком http. То есть браузер запрашивает у сервера получениеhtml, сервер будетhtmlустановить вmetaПоместите его в заголовок ответа и верните в браузер. Распространенные типы, такие какcontent-type, expires, refresh, set-cookie, window-target, charset,pragmaи Т. Д.
1. content-type
Например:<meta http-equiv="content-type" content="text/html charset=utf8">Может использоваться для объявления типа документа, установки набора символов, в настоящее времяcontent-typeМожет использоваться только в документах html.
Таким образом, информация заголовка браузера будет содержать:
content-type: text/html charset=utf8
2. expires
Используется для установки времени истечения срока действия браузера, на самом деле это атрибут expires в заголовке ответа.
<meta http-equiv="expires" content="31 Dec 2021">
expires:31 Dec 2008
3. refresh
Этот параметр означает, что он автоматически обновится через 5 секунд и перейдет на указанную веб-страницу. Если значение url не задано, браузер обновит страницу.
<meta http-equiv="refresh" content="5 url=http://www.zhiqianduan.com">
4. window-target
Принудительное отображение страницы как независимой страницы в текущем окне может помешать другим пользователям вызывать свою собственную страницу во фрейме.
<meta http-equiv="window-target" content="_top'>
5. pragma
Запретить браузеру доступ к содержимому страницы из кеша локального компьютера
<meta http-equiv="pragma" content="no-cache">
2. атрибут имени
nameАтрибуты в основном используются для описания веб-страниц, и соответствующиеcontentКонтент в нем в основном используется поисковыми системами для поиска информации и классификации информации.http-equivтакой же,nameустановить имя свойства,contentУстановите значение свойства.
1. author
authorАвтор использовал тег на странице
<meta name="author" content="aaa@mail.abc.com">
2. description
descriptionОн используется, чтобы сообщать поисковым системам основное содержание текущей страницы, которое представляет собой часть описательной информации о веб-сайте.
<meta name="description" content="这是我的HTML">
3. keywords
keywordsУстановите ключевое слово веб-страницы, чтобы сообщить браузеру, что это за ключевое слово. это имя, которое часто используется. Он определяет набор ключевых слов для документа. Некоторые поисковые системы используют эти ключевые слова для классификации документов при их обнаружении.
<meta name="keywords" content="Hello world">
4. generator
Указывает текущийhtmlКакой инструмент используется для его написания и генерации, не имеет практического значения, как правило, он автоматически создается редактором.
<meta name="generator" content="vscode">
5. revised
последняя версия указанной страницы
<meta name="revised" content="V2，2015/10/1">
6. robots
сообщить роботам поисковых систем, какие страницы сканировать,all / none / index / noindex / follow / nofollow.
<meta name="robots" content="all">
all: файл будет извлечен, и можно запросить ссылки на странице;none: файл не будет получен, а ссылки на странице не могут быть запрошены;index: файл будет получен;follow: ссылки на странице можно запрашивать;noindex: файл не будет получен, но ссылки на странице могут быть запрошены;nofollow: файл не будет получен, можно запросить ссылки на странице.
3. атрибут схемы
schemeАтрибуты используются для указания схемы, которая будет использоваться для преобразования значений атрибутов. Эта программа должна бытьheadпомеченprofileОпределены атрибуты, указанные в файле профиля.html5Это свойство не поддерживается.
5. базовый тег
baseТеги определяют основу документаurlАдреса в виде всех относительных адресов в документеurlотносятся к определенным здесьurlс точки зрения. Указывает адрес по умолчанию или место назначения для ссылок на странице.
<base href="http://www.w3school.com.cn/i/" target="_blank" />
Атрибуты, содержащиеся в базовом теге.
1. href
hrefявляется обязательным атрибутом и указывает основу документаurlадрес. Например, если вы хотите определить базовый URL вашего документа какhttps：//www.abc.com, вы можете использовать следующий оператор:<base href="http://www.abc.com">Если гиперссылка на документ указывает наwelcom.html, то это фактически указывает на следующееurlадрес:https://www.abc.com/welocme.html.
2. target
определяет, когда документ链接Нажмите, чтобы открыть_blank,_self,_parrent,_top.
6. тег ссылки
linkДля импорта внешних таблиц стилей вhtmlЗаголовок может содержать любое количествоlink,linkТеги имеют следующие общие свойства.
<link type="text/css" rel="stylesheet" href="github-markdown.css">
1. type
Определяет тип документов для включения, например.text/css
2. rel
определениеhtmlОтношение связи между документом и ресурсами, которые будут включены, может иметь множество возможных значений, наиболее часто используемым являетсяstylesheet, для форм, содержащих фиксированный предпочтительный стиль.
3. href
Представляет указатель на включенный ресурсurlадрес.
7. тег стиля
Напишите теги для внутренних таблиц стилей.
<style>
body {
background: #f3f5f9;
}
</style>
8. тег сценария
нагрузкаjavascriptМетка скрипта. Загруженные скрипты выполняются по умолчанию. По умолчанию, когда браузер разрешаетscriptостановится при маркировкеhtmlразбор, чтобы начать загрузкуscriptзакодировать и выполнить.
<script src="script.js"></script>
1. type
инструктаж по сценариюMIMEтип.
<script type="text/javascript">
2. async
Указывает на выполнение сценариев асинхронно, доступно только черезsrcИмпортированные внешние скрипты. наборasyncатрибутscriptЗагрузка не повлияет на спинуhtmlДля синтаксического анализа загрузка происходит одновременно с синтаксическим анализом документа. Выполняется сразу после завершения загрузки. выполнение остановитсяhtmlРазбор документа.
<script async src="script.js"></script>
3. charset
Указывает кодировку символов, используемую во внешних файлах сценариев.
<script type="text/javascript" src="script.js" charset="UTF-8"></script>
4. defer
Указывает, следует ли откладывать выполнение скрипта до загрузки страницы. уже настроенdeferатрибутscriptне остановит спинуhtmlсинтаксический анализ, загрузка и синтаксический анализ выполняются вместе, ноscriptвыполняется после разбора всех элементов,DOMContentLoadedВыполняется до того, как событие сработает.
<script defer src="script.js"></script>
5. language
Указывает язык сценариев, аналогичный по функциям ``типу``, это поле устарело.
6. src
Адрес внешнего скрипта.
<script src="script.js"></script>
9. bgsound
Фоновая музыка сайта.
<bgsound src="music.mp4" autostart="true" loop="5">
1. src
для фоновой музыкиurlценность.
2. autostart
Играть ли автоматическиtureАвтовоспроизведение,falseне играть, по умолчаниюfalse.
3. loop
Повторять, значение является числом илиinfinite, что означает повторение определенного или бесконечного числа раз.
Справочный источник
- [1] w3chool head Woohoo. Я 3school.com. могу /tags/tag_ и… "w3c"
- [2] тег заголовка и подтеги blog.CSDN.net/QQ_46580571… "Wangkiwa"
Уведомление о перепечатке
Если воспроизводится, это должно быть помечено文章出处,文章名称,文章作者, в следующем формате:
转自：【掘金 - https://juejin.cn/】 [meta标签到底是做什么的|我竟一无所知] "隐冬"