en-tête HTML


HTML <head>

Voir des exemples en ligne

Instances

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>我的 HTML 的第一页</title>
</head>

<body>
<p>浏览器中包含body元素的内容。</p>
<p>浏览器的标题包含title元素的内容</p>
</body>

</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
Utilisez <base> de tous les liens sur la page.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<base href="http://www.php.cn/images/" target="_blank">
</head>

<body>
<img src="logo.png"> - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，
    该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.php.cn/images/logo.png"
<br><br>
<a href="http://www.php.cn">php中文网</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。
因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Utilisez l'élément <meta> pour décrire la description, les mots-clés, l'auteur, le jeu de caractères, etc.

Instance

<!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 标签显示在 head 部分...</p>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Élément HTML <head> L'élément

<head> exister Dans l'élément <head>, vous pouvez insérer des scripts, des fichiers de style (CSS) et diverses méta-informations.

Les balises d'éléments qui peuvent être ajoutées dans la zone d'en-tête sont : <title>, <style>, <meta>, <link>, <script>, <noscript> et < base>.

L'élément HTML <title>

<title>

<title> est requis dans les documents HTML/XHTML.

<title> élément :

  • définit le titre de la barre d'outils du navigateur

  • lorsqu'une page Web est ajoutée à favoris Le titre affiché dans les favoris

  • Le titre affiché dans les pages de résultats des moteurs de recherche

Un document HTML simple : 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>

L'élément HTML <base>

<base> décrit l'adresse de lien/cible du lien de base, qui sert de lien par défaut pour toutes les balises de lien dans le document HTML : 

<head>
<base href="http://www.php.cn/images/" target="_blank">
</head>

Élément HTML <link> La balise

<link> définit la relation entre le document et les ressources externes. La balise

<link> est généralement utilisée pour créer un lien vers une feuille de style : 

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head

Élément HTML <style>

La balise

<style> définit l'adresse de référence du fichier de style du document HTML

Dans l'élément <style> : 

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head

HTML <meta> L'élément

balise méta décrit certaines métadonnées de base. La balise

<meta> fournit des métadonnées qui ne sont pas non plus affichées sur la page, mais seront analysées par le navigateur.

Les éléments META sont généralement utilisés pour spécifier la description d'une page Web, les mots-clés, l'heure de la dernière modification du fichier, l'auteur et d'autres métadonnées.

Les métadonnées peuvent être utilisées par les navigateurs (comment afficher le contenu ou recharger la page), les moteurs de recherche (mots-clés) ou d'autres services Web.

<meta> Généralement placé dans la zone <head>

<meta> - utilisez l'exemple

pour définir des mots-clés pour les moteurs de recherche : 

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"

Définir le contenu de la description de la page web : 

<meta name="description" content="Free Web tutorials on HTML and CSS"

Définir l'auteur de la page web : 

<meta name="author" content="Hege Refsnes"

Actualiser la page actuelle toutes les 30 secondes : 

<meta http-equiv="refresh" content="30"

L'élément HTML <script>

<script> est utilisé pour charger des fichiers de script, tels que JavaScript. L'élément

<script> est décrit en détail dans les sections suivantes.

Élément de tête HTML

标签描述
<head>定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了HTML文档中的元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件