Les éléments d'en-tête du document HTML comprennent : l'élément , l'élément , l'élément base> ;élément. <br/><p>L'en-tête du document décrit divers attributs et informations du document, y compris le titre du document, son emplacement sur le Web et sa relation avec d'autres documents ; ces informations. Cet article vous présentera les éléments principaux des documents HTML afin que vous puissiez comprendre le rôle des éléments principaux des documents HTML. J'espère qu'il vous sera utile. [Recommandation du didacticiel vidéo : <a href="http://www.php.cn/course/list/11.html" target="_blank">Tutoriel HTML]<p style="text-align: center;"><img src="https://img.php.cn/upload/article/000/000/024/5c18b67545a8c13Quels sont les éléments principaux des documents HTML"/ alt="Quels sont les éléments principaux des documents HTML" ><p><span style="max-width:90%"><strong>élément html <head> L'élément <head> est utilisé pour définir l'en-tête du document et est un conteneur pour tous les autres éléments d'en-tête. Divers attributs et informations du document HTML sont définis dans l'élément <head> Jetons un coup d'œil à un document HTML simple, qui contient les éléments nécessaires les plus élémentaires : <p><p>Comme vous pouvez le voir, l'élément <head> html> et entre les balises <body>, incluez d'autres éléments head. <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>标题</title> </head> <body> </body> </html></pre><div class="contentsignin">Copier après la connexion</div></div><p></p>élément html <meta> <p><span style="font-size: 18px;"><strong></strong><meta> est utilisé pour spécifier le jeu de caractères, la description de la page et les mots-clés sur le page Web, auteur et autres métadonnées. </span></p>Parmi eux, les métadonnées sont principalement fournies aux navigateurs, moteurs de recherche et autres services Web pour mieux classer les pages Web. <p></p>Voyons comment utiliser l'élément <meta> : <p></p><p>Explication : La fenêtre d'affichage est la zone visible de l'utilisateur sur la page Web. Il varie selon les appareils et semble plus petit sur un téléphone que sur un écran d’ordinateur. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">//定义字符集 <meta charset = "UTF-8" > //为搜索引擎定义关键字 <meta name = "keywords" content = "php教程,php入门教程,php视频教程,php源码下载,php手册" > //定义网页的说明 <meta name = "description" content = "php中文网提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！" > //定义网页的作者 <meta name = "author" content = "php中文网" > //定义每30秒刷新一次文档： <meta http-equiv = "refresh" content = "30" > //控制视口（HTML5提供的新属性） <meta name = "viewport" content = "width = device-width，initial-scale = 1.0" ></pre><div class="contentsignin">Copier après la connexion</div></div><p></p>élément html <title> <p><span style="font-size: 18px;"><strong></strong><title> Documents XHTML. </span></p><title> Le rôle de l'élément : <p></p>1. Le titre peut être défini dans l'onglet du navigateur. <p></p>2. Vous pouvez fournir un titre pour la page lors de son ajout aux favoris. <p></p>3. Le titre de la page peut être affiché dans les résultats des moteurs de recherche. <p></p> Exemple : <p></p><p>Rendu : </p><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> </head> <body> <p>正文的内容显示在浏览器窗口中。</p> <p>title元素的内容显示在浏览器标签，收藏夹和搜索引擎结果中。</p> </body> </html></pre><div class="contentsignin">Copier après la connexion</div></div><p></p><p style="text-align: center;"><img src="https://img.php.cn/upload/article/000/000/024/5c18b92ec6088231.jpg"/ alt="Quels sont les éléments principaux des documents HTML" ></p>élément html <style> L'élément <p><strong><span style="max-width:90%"><style> est utilisé pour définir le style de la page HTML. Le code de style CSS en ligne est écrit dans l'élément <style> Exemple : </span></strong></p>Rendu : <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><style> body {background-color：pink;} h1 {color：red;} p {color：blue;} 这是一个标题 这是一个段落。Copier après la connexionÉlément HTML L'élément est utilisé pour lier des feuilles de style CSS externes à des pages Web. La syntaxe de base est : Exemple : Copier après la connexionÉlément HTML ; L'élément script> est utilisé pour définir des scripts côté client, tels que JavaScript. <p></p>Nous pouvons inclure des instructions de script dans l'élément <script>, par exemple : <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><link rel="stylesheet" href="css/style.css" /></pre><div class="contentsignin">Copier après la connexion</div></div><p><strong>Sortie : <span style="font-size: 18px;"></span></strong></p><p> peut également être transmis L'attribut src relie les fichiers de script externes à la page Web, par exemple : </p><p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><script> console.log("<script> 元素"); Copier après la connexionÉlément HTML Élément Utilisé pour spécifier l'URL de base et la cible de base pour toutes les URL relatives de la page. Exemple : Copier après la connexion Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
