Maison > Article > interface Web > Que comprend généralement le contenu de l'en-tête HTML5 ?
Le contenu de l'en-tête HTML5 comprend généralement : 1. Titre de la page Web défini par la balise de titre ; 2. Favicon (petite icône du site Web) ; 4. Description du site Web ; 6. Auteur de la page ; (adaptation du terminal mobile) ; 8. Feuille de style CSS ; 9. Script JavaScript.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
Selon nos besoins, nous pouvons définir une grande quantité de métadonnées dans l'en-tête HTML, ou nous pouvons définir peu ou pas de métadonnées du tout. Bien que la balise head fasse partie du document HTML, son contenu n'est pas affiché dans le navigateur.
contenu de l'en-tête HTML5
1. Titre de la page Web - balise
<head> <title>PHP中文网</title> </head>
2. Favicon
La petite icône sur le côté gauche du titre de la page Web spécifie son chemin. S'il n'est pas spécifié, le navigateur recherchera
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
3 à la racine. répertoire. Méthode d'encodage
La spécification de la méthode d'encodage est placée au début de l'en-tête. Si elle n'est pas spécifiée, le navigateur la déterminera également en fonction de l'en-tête du serveur, mais elle peut ne pas être exacte. La balise
<head> <meta charset="UTF-8"> </head>
est utilisée pour fournir des métadonnées sur le document HTML, telles que la période de validité de la page, l'auteur de la page, la liste de mots clés, la description de la page, etc. Les données définies par la balise ne seront pas affichées sur la page, mais seront analysées par le navigateur. L'attribut
charset est utilisé pour spécifier l'encodage des caractères du document HTML. Dans l'exemple ci-dessus, nous définissons l'encodage des caractères du document sur "UTF-8".
4. Description du site Web
<meta name="description" content="这里是对网站的描述">Définir les informations de description de la page est bénéfique pour les moteurs de recherche.
5,
PageMots-clés<meta name="keywords" content="HTML, HTML教程, HTML入门">
Les mots-clés sont utilisés pour fournir aux moteurs de recherche des informations sur la page.
Auteur de la page<meta name="author" content="作者名">
Les informations sur l'auteur peuvent être automatiquement extraites via certains systèmes de gestion de contenu.
Viewport (Adaptation mobile) Ceci est très courant et est généralement utilisé pour l'adaptation mobile. La page est placée dans une fenêtre virtuelle - viewport. Si la page Web n'utilise pas de viewport, cela apparaîtra. lorsque nous ouvrons le navigateur mobile, il est très petit, et il peut également être déplacé et zoomé. Il est très faible. Viewport permet aux développeurs Web de définir dynamiquement la taille des éléments de contrôle dans leur contenu Web, de manière à ce qu'ils le soient. navigateur Le même effet que dans la page Web (réduction d'échelle) est obtenu. , utilisé pour mieux prendre en charge les sites Web réactifs.
<meta name="viewport" content="width=device-width, initial-scale=1">width : contrôlez la taille de la fenêtre d'affichage. Généralement, elle est spécifiée en largeur de l'appareil (l'unité est constituée de pixels CSS mis à l'échelle à 100 %). height: et width En conséquence, spécifiez la hauteur.
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!