Maison >interface Web >tutoriel HTML >Résumé de l'utilisation des méta-attributs en HTML

Résumé de l'utilisation des méta-attributs en HTML

巴扎黑
巴扎黑original
2017-04-01 15:09:151484parcourir

Texte original : http://www.haorooms.com/post/html_meta_ds


Introduction

Dans mon blog précédent, il y a eu une discussion à propos de la méta Introduction, par exemple : http://www.haorooms.com/post/liulanq_think_ie Cet article sur la sécurité du navigateur présente certains attributs d'IE sous la méta, qui peuvent réaliser une conversion de transition entre les pages. Déjà mentionné dans l’optimisation SEO. Ce qui suit est une introduction détaillée aux fonctions et utilisations de la méta.


Préface

meta est une balise auxiliaire dans la zone d'en-tête du langage html. Peut-être pensez-vous que ce code est inutile. En fait, si vous savez faire bon usage des balises méta, cela vous apportera des effets inattendus. Les fonctions des balises méta sont : l'optimisation des moteurs de recherche (SEO), définir la langue utilisée sur la page, actualiser automatiquement et pointer vers de nouvelles pages, et réaliser la dynamique lors de la conversion de pages Web, contrôler la mise en mémoire tampon des pages, l'évaluation et l'évaluation des pages Web, contrôler la fenêtre d'affichage des pages Web, etc. !


Méta résumé du HTML

La composition de la balise méta : la balise méta a deux attributs, il s'agit de l'attribut http-equiv et de l'attribut name, différents attributs sont différentes valeurs de paramètre , ces différentes valeurs de paramètres réalisent différentes fonctions de page Web.


1. Attribut de nom

L'attribut de nom est principalement utilisé pour décrire la page Web, et la valeur de l'attribut correspondante est le contenu. robots moteurs pour trouver des informations et des informations de classification. Le format syntaxique de l'attribut name de la balise méta

est :

[code]<meta name="参数"content="具体的参数值">。



L'attribut name a principalement les paramètres suivants :

A. Mots-clés 

Explication : les mots-clés sont utilisés pour indiquer aux moteurs de recherche quels sont les mots-clés de votre page Web.

Exemple :

[code]<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">



B. Description (description du contenu du site Web)

Remarque : Utiliser la description. Pour indiquer aux moteurs de recherche le contenu principal de votre site Web.

Exemple :

[code]<meta name="description"content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。">



Robots C. (guide robot)

Explication : des robots sont utilisés Indiquez aux robots de recherche quelles pages doivent être indexées et lesquelles ne le doivent pas.

Les paramètres de contenu incluent all, none, index, noindex, follow et nofollow. La valeur par défaut est tout.

Exemple :

[code]<meta name="robots"content="none">



Les paramètres spécifiques sont les suivants :

Le paramètre d'information est tout : le fichier sera récupéré et les liens sur la page peuvent être interrogés ;

le paramètre d'information est aucun : le fichier ne sera pas récupéré et le lien sur la page ne peut pas être interrogé
le paramètre d'information est index : le fichier sera récupéré ;

Le paramètre d'information est follow : les liens sur la page peuvent être interrogés

Le paramètre d'information est noindex : le fichier ne sera pas récupéré ; , mais les liens sur la page peuvent être interrogés ;

Le paramètre d'information est nofollow : le fichier sera récupéré, mais les liens sur la page ne peuvent pas être interrogés


D, author (author)
Description : Marquer l'auteur de la page web

Exemple :

[code]<meta name="author"content="root,root@xxxx.com">



E. générateur

[code]<meta name="generator"content="信息参数"/>


Les paramètres d'information du générateur de balise méta représentent le logiciel utilisé pour créer le site Internet.


F. COPYRIGHT

[code]<META NAME="COPYRIGHT"CONTENT="信息参数">


Le paramètre d'information COPYRIGHT de la balise méta représente les informations de copyright du site Web.


G. revisiter-après

[code]<META name="revisit-after"CONTENT="7days">


revisiter-après représente la revisite du site Web, 7 jours représente 7 jours, donc par analogie .

2. Attribut http-equiv

http-equiv, comme son nom l'indique, est équivalent à la fonction d'en-tête de fichier de http. Il peut renvoyer des informations utiles à. le navigateur aide à afficher le contenu de la page Web correctement et avec précision. La valeur de l'attribut correspondant est le contenu. Le contenu du contenu est en fait la valeur variable de chaque paramètre. Le format de syntaxe de l'attribut http-equiv de la


balise méta est :

[code]<meta http-equiv="参数"content="参数变量值">;


L'attribut http-equiv a principalement les paramètres suivants :


A. Expire (période)
Description : Peut être utilisé pour définir le délai d'expiration de la page Web. Une fois qu'une page Web expire, elle doit être retransmise au serveur.

Utilisation :

[code]<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">


Remarque : le format d'heure GMT doit être utilisé.


B. Pragma (mode cache)
Description : Interdire au navigateur d'accéder au contenu de la page à partir du cache de l'ordinateur local.

Utilisation :

[code]<meta http-equiv="Pragma"content="no-cache">


Remarque : Avec ce paramètre, les visiteurs ne pourront pas naviguer hors ligne.


C. Actualiser
Description : Actualiser automatiquement et pointer vers une nouvelle page.

Utilisation :

[code]<meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com"> //(注意后面的引号,分别在秒数的前面和网址的后面)


Remarque : Le 2 signifie qu'il s'actualisera automatiquement vers l'URL après être resté pendant 2 secondes.


D. Set-Cookie (paramètre des cookies)
Remarque : Si la page Web expire, les cookies enregistrés seront supprimés.

Utilisation :

[code]<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">


Remarque : le format d'heure GMT doit être utilisé.


E. Window-target (paramètre de la fenêtre d'affichage)
Description : Forcer l'affichage de la page comme une page indépendante dans la fenêtre actuelle.

Utilisation :

[code]<meta http-equiv="Window-target"content="_top">


Remarque : Utilisé pour empêcher les autres d'appeler votre propre page dans le cadre.


F, content-Type (afficher les paramètres du jeu de caractères)
Description : Définissez le jeu de caractères utilisé par la page.

Utilisation :

[code]<meta http-equiv="content-Type"content="text/html;charset=gb2312">



具体如下:

meta标签的charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;

meta标签的charset的信息参数如BIG5时,代表说明网站是采用的编码是繁体中文;

meta标签的charset的信息参数如iso-2022-jp时,代表说明网站是采用的编码是日文;

meta标签的charset的信息参数如ks_c_5601时,代表说明网站是采用的编码是韩文;

meta标签的charset的信息参数如ISO-8859-1时,代表说明网站是采用的编码是英文;

meta标签的charset的信息参数如UTF-8时,代表世界通用的语言编码;

G、content-Language(显示语言的设定)

用法:

[code]<meta http-equiv="Content-Language"content="zh-cn"/>



H、Cache-Control指定请求和响应遵循的缓存机制。

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on

ly-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下

Public指示响应可被任何缓存区缓存

Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效

no-cache指示请求或响应消息不能缓存

no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。

max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应

min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

J、http-equiv="imagetoolbar"

[code]<meta http-equiv="imagetoolbar"content="false"/>



指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

K、Content-Script-Type

[code]<Meta http-equiv="Content-Script-Type"Content="text/javascript">



W3C网页规范,指明页面中脚本的类型。

L 页面跳转,只用于IE

具体请看 http://www.haorooms.com/post/liulanq_think_ie

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Problème de chemin en HTMLArticle suivant:Problème de chemin en HTML