Html метка метада, HTML5 Head Meta Attribute Attribute

Meta - это вспомогательный ярлык в области HTML языка. Может быть, вы думаете, что эти коды являются необязательными. Фактически, если вы можете сделать хорошие метатегии, это принесет вам неожиданные эффекты. Динамическая динамика при преобразовании веб -страницы.

Мета метка: метатец имеет два атрибута.

 <! -> <meta charset = 'UTF-8'> <!-предпочитаю использовать последнюю версию IE и Chrome-> <meta http-equiv = x-ua-commission content = ie = edge, chrome = 1/> < ! -Page Description-> <Meta name = description Content = не более 150 символов/<!-Ключевые слова-страницы-> <Meta name = Keywords Content =/> <!-Web Author-> <Meta name = Author Content = name , [email protected]/> <!-Capture-> <> <meta name content = index, следить/> <!-Добавить Viewport-> <meta name = viewport content = начальный шкал = 1, максимальный шкал = 3, минимальный масштаб = 1, пользовательский scalbable = no> <! ----! --------`whidth = withidth` приведет к добавлению iPhone 5 к основному экрану и откройте страницу С помощью полноэкранного режима WebApp. name = Apple-Mobile-Web-APP-Capable Content = yes/> <!-Будет ли включить полноэкранную режим WebApp, удалить панель инструментов по умолчанию Apple и Bar-> <Meta name = Apple-Itunes-App Content = myAppstoreId , Affil yate -data = myaffiliateedata, app-ragument = myurl> <!-Добавить баннер Smart App (ios 6+ Safari)-> <Meta name = Apple-Mobile-App-Status Conten T = Black/> <! -Set Цвет панели инструментов Apple-> <meta name = format-detection content = telphone = no, email = no/> <!-Игнорируйте цифровое распознавание на странице в качестве телефонного звонка, игнорируйте идентификацию электронной почты-> <! -Енбл режим скорости браузера 360 (webkit)-> <meta name = renderer content = webkit> <!-Избегайте IE использования режима совместимости-> <meta http-equiv = x-uaa -compatible content = ie = edge> <!-Не разрешайте Baidu Transcoding-> <Meta http-equiv = cache-control Content = no-sizeapp /> <! <!-старомодный браузер Microsoft-> ​​<meta name = mobileptimize content = 320> <!-UC насильно принудительно вертикальный экран-> <meta name = screen-ориентированная контент = портрет> <!-QQ принудительный вертикальный экран-> <> <> < Meta name = x5-ориентированный контент = портрет> <!-UC Обязательный полноэкранный полной экран-> <meta name = полноэкранное содержание = да> <!-QQ 强制全屏-> <Meta name = x5-fullScreen Content = true > <!-UC 应用模式-> <meta name = browsermode Content = Application> <! -Qq Mode-> <meta name = x5-page-mode = приложение> <!-Phone Windows Нажмите без выделения. > <Meta name = msapplication-tap-highlight = no> <! > <!-iPhone и itouch, по умолчанию 57x57 пиксель должен быть-> <link rel = Apple-touch-ICon-Procoposed Size = 114x114 href =/Apple-Touch-ICon-114x114 -pong/png/> <!-Retina itouch, 114x114 пикселей нет, но рекомендуется--> <link rel = Apple-Touch-ICon-представленные размеры = 144x144 href =/apple-touch-iCon-14x144-precopopen.png/> <!-Retina iPad ， 144x144 像素 可以没有 可以没有 但推荐有 但推荐有-> <!-IS ICON End-> <!-Экран запуска iOS Begin-> <Link rel = Apple-Touch -StartUp-Image Size = 768x1004 href =/splash-screen- 768x1004.png/> <! -IPAD Вертикальный экран 768 x 1004 (стандартное разрешение)-> <Link rel = Apple-Touch-Startup Размеры Вертикальный экран 1536x20088 (Retina)-> <link roth = Apple-touch-startup-image Размеры = 1024x748 href =/default-portrait-1024x748.png/> <!-Ipad Horizontal Screen 1024x748-> <Link = Apple-touch -Сард-Image Размеры = 2048x1496 href =/splash-screen-2048x1496.png/> <!-iPad viagra 2048x1496 (сетчатка)-> <link rel = apple-touch-mage-image href =/splash-screen-320x480. png/> <!-iPhone/iPod Touch Vertical Ecrection 320x480 (стандартное разрешение)-> <Link rel = Apple-touch-startup-image Размеры = 640x960 -creen -640x960.png/> <!-iPhone/iPod Touch Vertical Vertic 640x960 (Retina)-> <Link R = Apple-Touch-Startup-Image Размеры = 640x1136 href =/splash-screen-640x113 6.png/> <! -Iphone 5/iPod touch 5 Вертикальный экран 640x1136 (Retina)-> <!-Экран запуска iOS End-> <!-end Device IOS-> <meta name = msapplication-tilecolor content =#000000 /<!-Windows 8 Магнитные наклейки-> <meta name = msapplication tileimage content = icon.png /> <!-Windows 8 Магнитная наклейка-> <link rel = application/rss +xml <!-Добавить rss подписку-> <link rel = shortcut icon type = image/ico href =/favicon.ico/> <! -Аdd Favicon Icon-> <!-SNS Social Label Begin--> <!-См. Weibo api-> <meta property = og: type content = type/> <meta property = og: content = url-адрес/> <Meta property = og: title content = title/> <meta property = og: content = image/<meta property = og: descripting content = description/<!-sns social tag end-> <title> title </title > </Head>

Некоторые из обычно используемых мета -атрибутов приведены выше, и понимание мета приведено ниже.

Meta - это вспомогательный ярлык в области HTML языка. Может быть, вы думаете, что эти коды являются необязательными. Фактически, если вы можете сделать хорошие метатегии, это принесет вам неожиданные эффекты. Динамическая динамика при преобразовании веб -страницы.

Мета метка: метатец имеет два атрибута.

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

Формат грамматики атрибута названия мета -метки:

 <meta name = Содержание параметра = конкретное значение параметра>.

Атрибуты имени в основном имеют следующие параметры:

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

Пример:

 <Meta name = KeyWordScontent = Сводка Meta, HTML Meta, Meta Attribute, Meta Jump>

B. Описание (описание контента веб -сайта)

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

Пример:

 <meta name = descriptionContent = blog Haorooms, резюме Meta of HTML, Meta является вспомогательным меткой в ​​области головы языка HTML. "

ПРИМЕЧАНИЕ. Роботы используют, чтобы сообщить странице поиска робота для индекса и какие страницы не требуют индексов.

Параметры содержимого - все, нет, индекс, noindex, следуйте, nofollow. По умолчанию все.

Пример:

 <meta name = robotscontent = none>

Конкретные параметры следующие:

Информационный параметр - это все: файл будет извлечен, а ссылки на странице могут быть запросили;

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

Индекс информационного параметра: файл будет извлечен;

Информационный параметр следуют: ссылка на странице может быть запросом;

Информационный параметр является nondex: файл не будет извлечен, но ссылки на странице могут быть запросом;

Информационный параметр - nofollow: файл будет извлечен, но ссылки на странице не могут быть запросили;

Примечание: автор на веб -странице

Пример:

 <meta name = AuthorContent = root, [email protected]>

 <meta name = GeneratorContent = Информационный параметр/>

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

 <Meta name = copyrightcontent = информационные параметры>

Параметры информации об авторском праве метагов представляют информацию об авторском праве на веб -сайте.

 <Meta name = revisit-aftercontent = 7days>

Revisit-After представлял веб-сайт для повторного посещения.

HTTP-equiv, как следует из названия, эквивалентно заголовке файла HTTP.

Http-equiv-формат метага:

 <meta http-equiv = Содержание параметра = значение переменной параметра>;

Атрибуты HTTP-equiv в основном имеют следующие параметры:

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

Использование:

 <meta http-equiv = expirescontent = пт, 12 января200118: 18: 18gmt>

Примечание. Необходимо использовать формат времени GMT.

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

Использование:

 <meta http-equiv = pragmacontent = no-cache>

Примечание. Таким образом, посетители не смогут просматривать.

Примечание. Автоматически обновите и укажите на новую страницу.

Использование:

 <Meta http-equiv = represhcontent = 2;

Примечание: 2 из них относится к автоматическому обновлению на веб -сайте URL после остановки на 2 секунды.

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

Использование:

 <meta http-equiv = set-cookiecontent = cookie value = xxx;

Примечание. Необходимо использовать формат времени GMT.

Примечание. Принудительная страница отображается на независимой странице в текущем окне.

Использование:

 <meta http-equiv = window-targetContent = _top>

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

Примечание. Установите набор символов, используемый страницей.

Использование:

 <meta http-equiv = content-typecontent = text/html;

Специфика заключается в следующем:

Когда информационные параметры charset of Meta Label, такой как GB2312, это означает, что код, используемый веб -сайтом, упрощен китайский;

Когда информационные параметры мета -метки, такие как BIG5, это означает, что код, используемый веб -сайтом, является традиционным китайцем;

Когда информационные параметры charset of Meta Label, такой как ISO-2022-JP, это означает, что веб-сайт используется на японском языке;

Когда параметры информации метага такие, как KS_C_5601, это означает, что веб -сайт используется на корейском языке;

Когда информационные параметры charset of Meta-Tags составляют ISO-8859-1, это означает, что кодирование веб-сайта-английский;

Когда информационные параметры метагов являются UTF-8, это представляет собой языковой кодирование мира;

Использование:

 <meta http-equiv = content-langugecontent = zh-cn/>

Cache-Control указывает механизм запросов и ответа кэша. Установите управление кэшем в сообщении запроса или ответом, не изменяет процесс кэша во время другого процесса обработки сообщений. Инструкции кэша во время запроса включают в себя отсутствие кэша, без магазина, максимальный возраст, максимальный стел.

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

Ответ общественного индикации может быть кэширован любой районом кеша

Private указывает, что все или частичное ответное сообщение одного пользователя не может быть передано кэшем. Это позволяет серверу описать сообщение ответа только в том случае, когда пользователь часть ответа, это ответное сообщение неверно для запросов других пользователей

Без качания указывает, что запросы или сообщения ответов не могут быть кэшированы

No Store используется для предотвращения непреднамеренной публикации важной информации. Отправка в сообщении запроса сделает запрос, и сообщение ответа не использует кэш.

Max-Age указывает, что клиент может получить ответ, что период выживания не больше, чем указанное время (в секунды)

Min-Fresh указывает на то, что клиент может получить время отклика меньше, чем текущее время плюс указанный отклик времени

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

 <meta http-equiv = Imagetoolbarcontent = false/>

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

 <Meta http-equiv = content-script-typecontent = text/javascript>

Веб -спецификации W3C указывают тип скрипта на странице.

Укажите метод открытия по умолчанию для всех ссылок на странице:

Например:

 <base target = _self>

Все этикетки на указанной странице открыты на этой странице!