Maison > interface Web > tutoriel HTML > Que signifie la balise head en HTML ? Un article vous apprend à utiliser correctement la balise head

Que signifie la balise head en HTML ? Un article vous apprend à utiliser correctement la balise head

寻∝梦
Libérer: 2018-08-25 18:02:44
original
28456 Les gens l'ont consulté

Cet article vous présente ce qu'est la balise head en HTML et quels éléments se trouvent dans la balise head Après avoir lu cet article, vous aurez une compréhension plus approfondie de la balise head en HTML. cet article utilise une méthode simple pour permettre à tout le monde de comprendre comment utiliser ces balises. Si vous la connaissez bien, vous pouvez mieux utiliser la balise head. Maintenant, lisons cet article ensemble

Tout d'abord, que faut-il savoir ? Il s'agit de la balise head en HTML :

La balise head agit sur l'en-tête de la page web, et son contenu ne sera pas affiché dans le corps.

Éléments dans la balise head html :

Pour apprendre la balise head, c'est presque aussi simple que de clarifier les éléments à l'intérieur. la balise head. Utilisez, mais les balises

,

et

dans le texte ne peuvent pas être utilisées ici

En ce qui concerne les éléments de la balise head html, la première peut Ce qui me vient à l'esprit est définitivement la balise  :

définit le titre de la page Web et est également une balise indispensable si vous le souhaitez. ne l'écrivez pas, la page Web en ajoutera automatiquement une pour vous. Le titre est visible sur une page Web normale. L'image suivante montre le code d'utilisation de la balise head dans l'ensemble du HTML : (une explication détaillée sera donnée plus tard). <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> <meta name="keywords" content="PHP,PHP中文网"> <meta name="description" content="网页描述的内容,这有不少字的,在搜索页面呈现的"> <meta http-equiv="refresh" content="5;http://www.php.cn"> </head> <body> hello world </body> </html></pre><div class="contentsignin">Copier après la connexion</div></div><p>Rendu : </p> <p><img src="https://img.php.cn//upload/image/172/278/695/1535184665914726.png" title="1535184665914726.png" alt="Que signifie la balise head en HTML ? Un article vous apprend à utiliser correctement la balise head"/></p><p>C'est l'effet de la balise title, affichant le titre. </p><p><strong>La seconde parle de la balise <meta> : </strong></p><p>Cette balise a les quatre utilisations suivantes : </p><p>1. ; La balise est affichée dans la première ligne de la balise head. Elle est utilisée pour <strong> définir l'encodage du document Web </strong> et déclarer au navigateur actuel de quelle méthode d'encodage il s'agit pour empêcher le navigateur d'avoir des caractères tronqués. </p><p>Voici comment il est utilisé : </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta charset="utf-8"></pre><div class="contentsignin">Copier après la connexion</div></div><p>Voici la spécification du HTML5, </p><p>La spécification du HTML4.01 est comme ceci : </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></pre><div class="contentsignin">Copier après la connexion</div></div><p>2. Cette balise <mate> concerne la <strong> définition de mots-clés </strong> sur les pages Web et est spécialement conçue pour fournir des services aux moteurs de recherche. </p><p> L'utilisation est : </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="keywords" content="PHP,PHP中文网"></pre><div class="contentsignin">Copier après la connexion</div></div><p> Description : name="keywords" est une méthode d'écriture fixe. Les mots-clés sont définis ultérieurement dans la valeur de l'attribut de contenu, séparés par des virgules. </p><p>3.<strong>Cette balise <mate> est utilisée pour décrire le site Web </strong> S'il y a une description correspondante écrite ici, les informations seront affichées dans l'introduction du site Web par les moteurs de recherche. . </p><p>L'utilisation de ceci est : </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="description" content="网页描述的内容,这有不少字的,在搜索页面呈现的"></pre><div class="contentsignin">Copier après la connexion</div></div><p>Ce n'est pas facile à afficher, veuillez me montrer une photo</p><p><img src="https://img.php.cn//upload/image/801/962/237/1535184715501457.png" title="1535184715501457.png" alt="Que signifie la balise head en HTML ? Un article vous apprend à utiliser correctement la balise head"/></p><p>C'est réglé. là Le texte apparaîtra dans les recherches comme le texte de cette zone. </p><p>4. La dernière balise <mate> définit la <strong>redirection de site Web</strong>. </p><p> Utilisation : </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="refresh" content="5;http://www.php.cn"></pre><div class="contentsignin">Copier après la connexion</div></div><p> Il y a deux paramètres écrits dans l'attribut content, séparés par des points-virgules, ce qui signifie qu'il passera à la page URL cible après 5 secondes. </p><p><strong>La troisième consiste à parler de la balise <base> dans la balise head en HTML : </strong></p><p>La balise base dans l'en-tête du HTML sert à définir comment le lien dans la fenêtre est ouvert, tant que cela est défini dans l'en-tête de la page Web, cette page Web n'a pas besoin d'ajouter cet attribut cible au lien hypertexte. </p><p><base target=_blank> signifie que les adresses cibles de tous les hyperliens de la page Web sont ouvertes dans une nouvelle fenêtre (cet attribut sera remplacé par l'attribut cible dans chaque lien.) </p><p> <strong>Présentez-vous les deux valeurs d'attribut​​de l'attribut cible de la balise de base : </strong></p><ul class=" list-paddingleft-2" style="max-width:90%"><li><p>_blank : Ouvre l'URL cible dans une nouvelle fenêtre </p></li><li> <p>_self : ouvrez l'URL cible dans la fenêtre d'origine (par défaut du navigateur) </p></li></ul><p>Si l'attribut cible n'est pas défini, cliquez sur l'URL accédera directement à l'URL cible sur l'URL d'origine. Vous souhaitez la définir comme _self. </p><p>L'autre est l'<strong>attribut href</strong>, qui sert à définir l'URL. Avec cet attribut, lorsque vous cliquerez sur cette URL, l'URL cible sera saisie dans une nouvelle fenêtre, </p><p>Ceci est généralement utilisé : </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><base href="http://www.php.cn" target="_blank"/></pre><div class="contentsignin">Copier après la connexion</div></div><p><strong>En fait, il y a trois éléments </strong>, mais nous apprenons juste le HTML maintenant, donc il n'est pas nécessaire de les connaître trois, connaissez-les, ils le sont tous C'est écrit dans la balise head, donnons une brève introduction </p> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li><p><style> ></style></p></li> <li> <link> Ceci est utilisé pour lier un code CSS (tout le monde devrait savoir que le CSS n'a pas besoin d'être écrit sur une page)<p></p> </li> <li> <script> Ceci est utilisé pour insérer un morceau de code JavaScript dans la page Web actuelle. <p></script> </li> </ul>D'accord, j'ai maintenant presque fini de présenter la tête couramment utilisée. Après avoir lu ceci, vous devriez pouvoir utiliser correctement la balise head en HTML. Si vous avez des questions, veuillez les poser ci-dessous<p></p>[Recommandations pertinentes de l'éditeur]<p></p> <p><a href="http://www.php.cn/php-weizijiaocheng-409071.html" target="_blank">Les hackers devraient-ils apprendre PHP ou Python ? Analyse rationnelle de dix différences entre PHP et python </a><br></p> <p><a href="http://www.php.cn/html5-tutorial-408225.html" target="_blank">Qu'est-ce qu'un fichier HTML ? Une compréhension préliminaire des fichiers HTML</a><br></p>

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal