HTML Label Meta Résumé, HTML5 Head Meta Attribut Finition

Meta est une étiquette auxiliaire dans la zone de tête de la langue HTML. Vous pensez peut-être que ces codes sont facultatifs. En fait, si vous pouvez faire de bonnes balises de méta, cela vous apportera des effets inattendus. dynamique dynamique Lors de la conversion de la page Web.

Composition de l'étiquette Meta: les balises Meta ont deux attributs.

 <! -> <meta charset = 'utf-8'> <! - préfère utiliser la dernière version d'IE et chrome-> <meta http-equiv = x- ua-commission contenu = ie = edge, chrome = 1 /> < ! -Page Description-> <meta name = Description Content = pas plus de 150 caractères / <! - Page Mots-clés-> <meta name = Keywords Content = /> <! - Web auteur-> <meta name = auteur contenu = name , [email protected]/> <! - Rechercher Capture du moteur-> <meta name Content = index, suivez /> <! - Ajouter la vue-> <meta name = Viewport Content = Inimal-Scale = 1, maximum-scale = 3, minimum-échelle = 1, utilisateur-échec = no> <! ----! ------- -`width = width` width` y a ajouter l'iPhone 5 à l'écran principal et ouvrira la page avec le mode WebApp complet. name = Apple-Mobile - contenu compatible Web-applicable = Oui /> <! - Que ce soit pour activer le mode WebApp complet, supprimer la barre d'outils par défaut d'Apple et la barre de menu-> <meta name = Apple-iTunes-App Content = MyAppStoreId , Affilation -data = myAffiliateEdata, app-ragument = myUrl> <! - Ajouter une bannière d'application intelligente (iOS 6+ Safari) -> <meta name = Apple-Mobile-App-statut-style Conten t = Black /> <! -Stra la couleur de la barre d'outils Apple-> <Meta name = Format-Detection Content = TelPhone = no, e-mail = no /> <! - Ignorez la reconnaissance numérique de la page en tant qu'appel téléphonique, ignorez l'identification des e-mails -> <! -Enable le mode de vitesse du navigateur 360 (webkit) -> <meta name = renderer content = webkit> <! - éviter ie utiliser le mode de compatibilité-> <meta http-equiv = x-uaa -compatible content = ie = edge> <! - Ne permettez pas à Baidu transcoding-> <meta http-equiv = cache-control content = no sizeapp /> <! <! - Browser à l'ancienne de Microsoft-> ​​<meta name = mobileOptimized Content = 320> <! - UC Forceblement Vertical Screen-> <Meta Name = Screen-Orientation Content = Portrait> <! - QQ Screen Vertical Screen-> < meta name = x5-orientation contenu = portrait> <! - UC Full Screen obligatoire-> <meta name = contenu complet = oui> <! - qq 强制全屏 -> <meta name = x5-fullscreen contenu = true > <! - UC 应用模式 -> <meta name = BrowsMode Content = Application> <! -QQ Mode d'application-> <Meta Name = X5-Page-mode > <meta name = msapplication-tap-highlight = no> <! > <! - iPhone et iTouch, le pixel de 57x57 par défaut doit être-> <link rel = Apple-Touch-icon-Procomposed tailles = 114x114 href = / apple-touch-icon-114x114 -pong / png /> <! - retina itouch, 114x114 pixels non, mais il est recommandé - -> <link rel = Apple-Touch-icon-pré-calculateur = 144x144 href = / apple-touch-icon-144x144-précomposé.png /> <! - Retina iPad ， 144x144 像素 ， 可以没有 ， 但推荐有 -> <! - IOS ICON END-> <! - Écran de démarrage iOS Démarrage-> <lin 768x1004.png /> <! -Ipad Écran vertical 768 x 1004 (résolution standard) -> <lin Écran vertical 1536x20088 (rétine) -> <link roth = Apple-touch-startup-iMage tailles = 1024x748 href = / default-Portrait-1024x748.png /> <! - Écran horizontal iPad 1024x748-> <lien roth = Apple-Touch-touch = -Startup-iMage tailles = 2048x1496 href = / splash-screen-2048x1496.png /> <! - iPad viagra 2048x1496 (retina) -> <link rel = Apple-Touch-startup-iMage href = / splash-screen-320x480. PNG /> <! - Écran vertical iPhone / iPod Touch 320x480 (résolution standard) -> <lin 640x960 (rétine) -> <link r = Apple-touch-startup-iMage tailles = 640x1136 href = / splash-screen-640x113 6.png /> <! -Iphone 5 / iPod Touch 5 Vertical Screen 640x1136 (Retina) -> <! - Écran de démarrage iOS End-> <! - IOS Device end-> <meta name = msapplication-tileColor contenu = # 000000 / <! - Windows 8 Magnetic Stickers-> <meta name = msapplication-tileImage contenu = icon.png /> <! - Icône d'autocollant magnétique Windows 8-> <lien rel = application / rss + xml <! - Ajouter un abonnement RSS-> <link rel = icône de raccourci type = image / ico href = / favicon.ico /> <! -Add Favicon Icon-> <! - SNS Social Label Begin- -> <! - Reportez-vous à Weibo API-> <Meta Property = OG: Type Content = Type /> <Meta Property = OG: URL Content = URL Address /> <Meta Property = OG: Title Content = Title /> <Meta Property = OG: Image Content = Image / <Meta Property = OG: Descripting Content = Description / <! - SNS Social Tag End-> <Title> Title </ Title > </ Head>

Certains des méta-attributs couramment utilisés sont donnés ci-dessus, et une compréhension de la méta est donnée ci-dessous.

Meta est une étiquette auxiliaire dans la zone de tête de la langue HTML. Vous pensez peut-être que ces codes sont facultatifs. En fait, si vous pouvez faire de bonnes balises de méta, cela vous apportera des effets inattendus. dynamique dynamique Lors de la conversion de la page Web.

Composition de l'étiquette Meta: les balises Meta ont deux attributs.

L'attribut de nom est principalement utilisé pour décrire les pages Web.

Le format de grammaire d'attribut de nom de l'étiquette Meta est:

 <méta name = contenu du paramètre = valeur de paramètre spécifique>.

Les attributs de nom ont principalement les paramètres suivants:

Remarque: les mots clés sont utilisés pour indiquer les mots clés du moteur de recherche pour votre page Web.

Exemple:

 <meta name = keywordScontent = Meta Résumé, HTML Meta, Meta Attribut, Meta Jump>

B. Description (Description du contenu du site Web)

Remarque: Description est utilisée pour indiquer le contenu principal de votre site Web pour les moteurs de recherche.

Exemple:

 <Meta name = DescriptionContent = Haorooms Blog, Meta Résumé de HTML, Meta est une étiquette auxiliaire dans la zone HTML Language Head. "

Remarque: les robots utilisent pour indiquer à la page de la recherche du robot d'indexer et quelles pages ne nécessitent pas d'index.

Les paramètres de contenu sont tout, aucun, index, noindex, suivez, nofollow. La valeur par défaut est tout.

Exemple:

 <meta name = robotsContent = Aucun>

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 n'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 suit: le lien sur la page peut être interrogé;

Le paramètre d'information est NONDEX: 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 de la page ne peuvent pas être interrogés;

Remarque: l'auteur sur la page Web

Exemple:

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

 <méta-name = générateur-content = paramètre d'information />

Le paramètre d'information de l'étiquette META, représente la production de logiciels utilisée sur le site Web.

 <Méta-nom = copyrightContent = Paramètres d'information>

Les paramètres d'information sur le droit d'auteur des balises Meta représentent les informations sur le droit d'auteur du site Web.

 <Méta name = revisit-afterContent = 7Days>

Revisit-après a représenté le site Web pour une revivre.

HTTP-Equiv, comme son nom l'indique, est équivalent à l'en-tête de fichier de HTTP.

Le format d'attribut HTTP-Equiv de la balise META est:

 <meta http-equiv = Paramètre contenu = valeur variable de paramètre>;

Les attributs HTTP-Equiv ont principalement les paramètres suivants:

Remarque: il peut être utilisé pour définir le temps d'expiration de la page Web. Une fois la page Web expirée, il doit être ré-transmis sur le serveur.

usage:

 <meta http-equiv = exirescontent = ven, 12Jan200118: 18: 18gmt>

Remarque: le format de temps de GMT doit être utilisé.

Remarque: il est interdit de visiter le contenu de la page à partir du cache de l'ordinateur local.

usage:

 <méta http-equiv = pragmacontent = no-cache>

Remarque: De cette façon, les visiteurs ne pourront pas parcourir.

Remarque: actualiser automatiquement et pointer automatiquement la nouvelle page.

usage:

 <meta http-equiv = refreshContent = 2;

Remarque: les 2 se réfèrent à la rafraîchissement automatique du site Web de l'URL après avoir séjourné pendant 2 secondes.

Explication: Si la page Web expire, le cookie du magasin sera supprimé.

usage:

 <Meta Http-Equiv = Set-CookieContent = Cookie Value = XXX;

Remarque: le format de temps de GMT doit être utilisé.

Remarque: La page forcée s'affiche dans une page indépendante dans la fenêtre actuelle.

usage:

 <méta http-equiv = window-targetContent = _top>

Remarque: il est utilisé pour empêcher les autres d'appeler leurs pages dans le cadre.

Remarque: Définissez le jeu de caractères utilisé par la page.

usage:

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

Les détails sont les suivants:

Lorsque les paramètres d'information de l'étiquette Meta Charset, tels que GB2312, cela signifie que le code utilisé par le site Web est un chinois simplifié;

Lorsque les paramètres d'information de l'étiquette Meta, tels que BIG5, cela signifie que le code utilisé par le site Web est chinois traditionnel;

Lorsque les paramètres d'information de l'étiquette Meta du Charse

Lorsque les paramètres d'information de la balise Meta sont tels que KS_C_5601, cela signifie que le site Web est utilisé en coréen;

Lorsque les paramètres d'information du Charset des balises Meta sont ISO-8859-1, cela signifie que le codage du site Web est anglais;

Lorsque les paramètres d'information des balises META sont UTF-8, il représente le codage linguistique du monde;

usage:

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

Le contrôle du cache spécifie le mécanisme de cache des demandes et de la réponse à suivre. Définir le contrôle du cache dans le message de demande ou le message de réponse ne modifie pas le processus de cache lors d'un autre processus de traitement des messages. Les instructions de cache pendant la demande incluent sans cache, sans magasin, max-âge, max-stale, min-fresh, ON

Ly-IF, les instructions en réponse incluent public, privé, sans cache, sans magasin, sans transform, doivent-réalider, proxy-réalidité, max-âge. La signification des instructions dans chaque message est la suivante

La réponse à l'indication du public peut être mise en cache par n'importe quelle zone de cache

Private indique que le message de réponse entier ou partiel d'un seul utilisateur ne peut pas être partagé par le cache. Cela permet au serveur de décrire le message de réponse uniquement que lorsque la partie de l'utilisateur de la réponse, ce message de réponse n'est pas valide pour les demandes des autres utilisateurs

Le non-cache indique que les demandes ou les messages de réponse ne peuvent pas être mis en cache

Aucun magasin n'est utilisé pour empêcher la publication d'informations importantes involontairement. L'envoi dans le message de demande fera que le message de demande et de réponse n'utilise pas le cache.

Max-Age indique que le client peut recevoir une réponse que la période de survie n'est pas supérieure au temps spécifié (en secondes)

Min-Fresh indique que le client peut recevoir le temps de réponse inférieur à l'heure actuelle plus la réponse à l'heure spécifiée

Max-stale indique que le client peut recevoir le message de réponse au-delà de la période de délai d'attente. Si la valeur du message maximum est spécifiée, le client peut recevoir le message de réponse dans la valeur spécifiée du délai d'attente.

 <meta http-equiv = ImageToolBarContent = false />

Spécifiez si la barre d'outils de l'image est affichée, elle n'est pas affichée en tant que faux représentant, il est affiché comme le vrai représentant.

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

Les spécifications Web W3C indiquent le type de script dans la page.

Spécifiez la méthode d'ouverture par défaut pour tous les liens de la page:

Par exemple:

 <Base Target = _Self>

Toutes les étiquettes de la page spécifiées sont ouvertes cette page!