Introduction détaillée à la production de pages HTML tag_HTML/Xhtml_Web

Il existe de nombreuses balises et éléments dans la partie d'en-tête HTML, qui impliquent le rendu des pages Web par le navigateur, le référencement, etc. Chaque noyau de navigateur et chaque fabricant de navigateur national ont leurs propres éléments de balise, ce qui entraîne de nombreuses différences. À l'ère de l'Internet mobile, la structure principale et les méta-éléments des terminaux mobiles sont encore plus importants. Comprendre la signification de chaque balise et rédiger une balise head qui répond à vos propres besoins est le but de cet article. Cet article est basé sur l'article de Yishi et fournit un résumé détaillé pour présenter la signification et les scénarios d'utilisation de chaque balise et élément dans les en-têtes couramment utilisés.

DOCTYPE

DOCTYPE (Document Type), cette déclaration est située à l'avant du document, avant la balise html. Cette balise indique au navigateur de quel type il s'agit. HTML utilisé par le document. Ou la spécification XHTML.

La déclaration DTD (Document Type Definition) commence par , n'est pas sensible à la casse et n'a aucun contenu devant. S'il y a d'autres contenus (sauf des espaces), le navigateur ouvrira un étrange. Le mode sous IE (mode bizarreries) restitue les pages Web. DTD publique, le format du nom est enregistrement // organisation // balise de type // langue, l'enregistrement indique si l'organisation est enregistrée par l'Organisation internationale de normalisation (ISO), indiquant oui, - indiquant non. Organisation est le nom de l'organisation, tel que : W3C. Le type est généralement DTD. Une balise spécifie une description du texte public, c'est-à-dire un nom descriptif unique pour le texte public référencé, qui peut être suivi d'un numéro de version. La langue finale est l'identifiant de langue ISO 639 de la langue DTD, tel que : EN pour l'anglais, ZH pour le chinois. XHTML 1.0 peut déclarer trois types de DTD. Représente respectivement la version stricte, la version de transition et le document HTML basé sur un cadre.

QuantityHTML 4.01 strict

Code XML/HTMLCopier le contenu dans le presse-papiers

1. >

●HTML 4.01 Transitionnel

Code XML/HTMLCopier le contenu dans le presse-papiers

1. > 

●Ensemble de cadres HTML 4.01

Code XML/HTMLCopier le contenu dans le presse-papiers

1. > 

●Le dernier HTML5 introduit une écriture plus concise, qui est compatible vers l'avant et vers l'arrière, et dont l'utilisation est recommandée.

Code XML/HTMLCopier le contenu dans le presse-papiers

1. >

Le doctype a deux objectifs principaux en HTML.

● Vérifier la validité des documents.

Il indique à l'agent utilisateur et au validateur selon quelle DTD ce document est écrit. Cette action est passive. Chaque fois que la page est chargée, le navigateur ne télécharge pas la DTD et ne vérifie pas la validité. Elle n'est activée que lorsque la page est vérifiée manuellement.

Quantity Déterminer le mode de rendu du navigateur

Pour les opérations réelles, indiquez au navigateur quel algorithme d'analyse utiliser lors de la lecture du document. S'il n'est pas écrit, le navigateur analysera le code selon ses propres règles, ce qui peut sérieusement affecter la présentation HTML. Les navigateurs disposent de trois méthodes pour analyser les documents HTML.

● Mode non étrange (standard)
● Mode étrange
● Mode partiellement étrange (presque standard) À propos du mode document du navigateur IE, du mode navigateur, du mode strict, du mode étrange, de la balise DOCTYPE, vous pouvez en savoir plus Mode lecture ? standard! contenu.

jeu de caractères

Déclarer l'encodage des caractères utilisé par le document,

Code XML/HTMLCopier le contenu dans le presse-papiers

1. <méta charset="utf-8"> 

Avant html5, la page Web se lisait comme ceci :

Code XML/HTMLCopier le contenu dans le presse-papiers

1. <méta http-equiv="Content-Type " content="text/html; charset=utf-8">

Ces deux sont équivalents, veuillez lire les détails ci-dessous : vs , donc Il est recommandé d’en utiliser des plus courts, plus faciles à retenir.

attribut lang

Chinois simplifié

Code XML/HTMLCopier le contenu dans le presse-papiers

1. <html lang="zh-cmn-Hans "> 

Chinois traditionnel

Code XML/HTMLCopier le contenu dans le presse-papiers

1. <html lang="zh-cmn-Hant "> 

Pourquoi lang="zh-cmn-Hans" au lieu de lang="zh-CN" que nous écrivons habituellement ? Veuillez lire : La déclaration en tête de page doit-elle être lang="zh" ou ? lang="zh-cn".

Donner la priorité à l'utilisation de la dernière version d'IE et de Chrome

Code XML/HTMLCopier le contenu dans le presse-papiers

1. <méta http-equiv="X-UA -Compatible" contenu="IE=edge,chrome=1" />

　360 Utilisation de Google Chrome Frame

Code XML/HTMLCopier le contenu dans le presse-papiers

1. <méta nom="rendu" contenu="webkit">

　Le navigateur 360 passera immédiatement au speed core correspondant après avoir lu cette balise. Aussi, par mesure de sécurité, rejoignez

Code XML/HTMLCopier le contenu dans le presse-papiers

1. <méta http-equiv="X-UA -Compatible" contenu="IE=Edge,chrome=1">

L'effet qui peut être obtenu en écrivant de cette façon est que si Google Chrome Frame est installé, GCF sera utilisé pour rendre la page. Si GCF n'est pas installé, la version la plus élevée du noyau IE sera utilisée pour le rendu.

Liens connexes : Documentation des balises méta de contrôle du noyau du navigateur

Baidu interdit le transcodage

Lorsque vous ouvrez une page Web via un téléphone mobile Baidu, Baidu peut modifier le transcodage de votre page Web, enlevez vos vêtements, et mettez des publicités en plâtre de peau de chien sur votre corps. A cet effet, vous pouvez ajouter

dans la tête.

Code XML/HTMLCopier le contenu dans le presse-papiers

1. <méta http-equiv="Cache-Control " contenu="no-siteapp" />

Liens connexes : Déclaration de transcodage SiteApp


Partie d'optimisation SEO

Titre de la page