Élément d'en-tête HTML

L'élément

HTML <head>

<head> Le contenu de la balise de l'élément head comprend <title>, <base>, <link>, <meta>, <script> et <style>. À l'exception du contenu de la balise <title> qui sera affichée, le reste du contenu de la balise est une information masquée. La balise d'élément

<title> définit le titre du document.
Balise d'élément <base> : spécifie l'adresse par défaut ou la cible par défaut pour tous les liens de la page. La balise d'élément
<link> définit la relation entre le document et les ressources externes. Le plus couramment utilisé pour connecter des feuilles de style. La balise d'élément
<script> est utilisée pour définir des scripts côté client, tels que JavaScript. La balise d'élément
<style> est utilisée pour définir les informations de style pour les documents HTML. La balise
<meta> est utilisée pour décrire les informations cachées d'un document Web HTML, telles que l'auteur, la date et l'heure, la description de la page Web, les mots-clés, l'actualisation de la page, etc. Les méta sont principalement divisées en informations d'en-tête HTTP (http-equiv) et informations de description de page (nom). Les informations d'en-tête incluent le type de document, le jeu de caractères, la langue et d'autres informations et actions de traitement permettant au navigateur d'afficher correctement les descriptions de page Web telles que les mots-clés de contenu, les résumés, les auteurs et la définition du comportement des robots, fournissant des informations pour l'indexation des moteurs de recherche. (Certains moteurs de recherche utilisent les attributs de nom et de contenu de l'élément méta pour indexer les pages.)

                                                                                                                                                                                   
                                                         
Spécifiez la valeur de l'attribut
                                                                                                               utiliser en utilisant cet attribut.           utiliser en utilisant         utiliser en utilisant ' ' s 'through out's 'through out's ' through ‐ ‐ ‐‐‐‐‐‐‐‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ​  🎜>                     dir ="" Spécifier la direction du texte


Connaissance point 1 : Définissez l'URL de base de la page Web dans les informations d'en-tête

L'essence de l'URL de base est la configuration unifiée des attributs des hyperliens, la balise d'URL de base est </base> , qui possède deux attributs, href et _target. href est utilisé pour définir le chemin de l'URL de base et _target est utilisé pour définir la méthode d'ouverture du lien hypertexte.

En ajoutant l'URL de base, toutes les adresses racines relatives du site Web dans la page peuvent être converties en adresses absolues. Lorsque le navigateur parcourt la page, l'adresse relative du site Web et du répertoire est ajoutée à l'arrière du chemin de l'URL de base via la balise <base>, la convertissant ainsi en une adresse absolue. Nous créons d'abord un base.htm et écrivons le code HTML comme suit :

<html> 
<head> 
<title>基底网址的设置</title> 
<base href="<a href="//m.sbmmt.com">//m.sbmmt.com</a>" _target="_blank" /> 
</head> 
<body> 
</body> 
</html>

Définissez l'URL de base via le code ci-dessus. L'adresse de tout lien hypertexte dans la page Base.htm sera précédée de « //m.sbmmt.com », qui est converti en adresse absolue. De plus, les hyperliens sur la page s'ouvrent dans de nouvelles fenêtres.

Point de connaissance 2 : Balise de méta-informations des informations d'en-tête

La balise de méta-informations est la base de l'en-tête Les balises d'information et les codes de pages Web professionnelles ont des paramètres détaillés pour les méta-informations. La balise de méta-informations est </meta>, qui est une balise unique. Les informations fournies par l'élément Meta sont invisibles pour les utilisateurs navigants et sont généralement utilisées pour définir le nom, les mots-clés, l'auteur, etc. des informations de la page. Dans une page HTML, une balise méta contient un contenu méta et il peut y avoir plusieurs éléments méta dans une page d'en-tête HTML.

Il existe deux types d'attributs de balise méta : l'attribut de description de page (nom) et les informations de titre http (http-equiv).

Attribut name

L'attribut name est principalement utilisé pour décrire le contenu de la page web et est utilisé pour l'optimisation des moteurs de recherche. Il doit être maîtrisé. Définissez correctement l'attribut name afin que les robots de recherche des moteurs de recherche (tels que Google, Baidu) puissent trouver et classer. Les moteurs de recherche trouveront généralement automatiquement des méta-valeurs pour classer les pages Web. La valeur du nom est la suivante :

<1>mots-clés. Autrement dit, les mots-clés sont utilisés pour décrire les mots-clés et autres informations contenus dans la page Web, augmentant ainsi la probabilité d'être recherché par les moteurs de recherche. Le format d'écriture est <meta name="keywords" content = "keywords"/>, et la valeur de l'attribut content est le mot-clé spécifique défini par l'utilisateur. (En général, plusieurs mots-clés peuvent être définis, séparés par des virgules anglaises demi-largeur. Les moteurs de recherche limitent le nombre de mots-clés, le contenu des mots-clés doit donc être concis et concis)

<2>description. Cela signifie « description » en chinois et est utilisé pour décrire le contenu principal, le thème, etc. d'une page Web. Des paramètres raisonnables peuvent également augmenter la probabilité d'être recherchée par les moteurs de recherche. Le format est <meta name="description" content = "Description de la page"/>. La valeur de l'attribut de contenu est la description spécifique de la page définie par l'utilisateur. Elle peut contenir jusqu'à 1024 caractères, mais la recherche. Le moteur n’affiche qu’environ la première moitié de la page.

<3>auteur. Auteur, utilisé pour définir le nom de l'auteur du site Web, souvent utilisé par les sites Web plus professionnels. Le format est <meta name="author" content ="author name"/>

attribut http-equiv

La valeur de l'attribut http-equiv est le suivant :

<1>content-type, catégorie de contenu, utilisé pour définir la catégorie et le jeu de caractères de langue de la page. Format d'écriture <meta http-equiv="content-type" context="text/html"; charset="gb2312"/>, la valeur de l'attribut content indique que la page est affichée en code HTML et le caractère set est gb2312 (chinois simplifié), pour le développement de sites Web internationaux, afin d'unifier les caractères, il est recommandé d'utiliser utf-8.

<2>refresh pour le jeu de caractères. L'actualisation est utilisée pour définir la durée pendant laquelle la page Web s'actualise ou passe automatiquement à d'autres pages au cours d'une période donnée. Le premier format d'écriture <meta http-equiv="refresh" context="30"/> signifie intervalle d'actualisation une fois. toutes les 30 secondes. Le deuxième format d'écriture est <meta http-equiv="refresh" context="30; url=www.google.com"/>, ce qui signifie que la page passera automatiquement à www.google après 30 secondes. .com

Point de connaissance trois : implémentation des informations d'en-tête et mélange avec CSS et JavaScript

CSS est responsable du style du Web HTML. page, et JavaScript est responsable du comportement HTML dynamique des pages Web. La manière la plus courante d'intégrer CSS et JavaScript consiste à écrire les informations d'en-tête.
<1>Pour ajouter du CSS, ajoutez simplement la paire de balises <style type="text/css"></style> dans les informations d'en-tête. L'exemple de code est le suivant

<html> 
<head> 
<title>CSS的设置</title> 
<style type=“text/css”> CSS具体内容 </style> 
</head> 
<body> 
</body> 
</html>

<2> Pour ajouter du JavaScript, ajoutez simplement <script type="text/javascript">< la paire de balises d'informations d'en-tête /script> L'exemple de code est le suivant :

<html> 
<head> 
<title>CSS的设置</title> 
<style type=“text/css”> 
CSS具体内容 
</style> 
<script type=“text/javascript”> 
JavaScript具体内容 
</script> 
</head> 
<body> 
</body> 
</html>


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="Ståle Refsnes"> <meta charset="UTF-8"> </head> <body> <p>本文档的 meta 属性描述了该文档和它的关键词。</p> </body> </html>
soumettreRéinitialiser le code