<tête>


HTML <head> Balises

Instance

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

<body>
文档内容......
</body>

</html>

Exécuter l'instance»

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


Prise en charge du navigateur

1000.png

Tous les principaux navigateurs prennent en charge le <head> étiqueter .


Définition des balises et instructions d'utilisation

L'élément <head> est un conteneur pour tous les éléments head. L'élément

<head> doit contenir le titre du document et peut contenir des scripts, des styles, des méta-informations et plus encore.

Les éléments suivants peuvent être utilisés à l'intérieur de l'élément <head> :

  • <title> 🎜>

  • <style>
  • <base>
  • <link>
  • <meta>
  • <script>
  • <noscript>
Différences entre HTML 4.01 et HTML5

HTML5 ne prend plus en charge l'attribut de profil.

Attributs
AttributValeurDescription
le profilURLHTML5 n'est pas pris en charge.

Un ensemble de règles qui dicte les URL des documents. Ces règles sont reconnues par le navigateur et lisent avec précision les informations contenues dans l'attribut content de la balise <meta>



Attributs globaux

La balise <head> prend en charge les attributs globaux HTML.

Essayez-le - Exemple

Utilisation de la balise <base> dans le
Cet exemple montre comment utiliser la balise <base> balise dans une page spécifiée URL par défaut et cible par défaut pour tous les liens.

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>

<p><img src="logo.png" > - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签,该标签指定了页面上所有链接的默认 URL,所以该图片的访问地址为 "http://www.php.cn/images/logo.png"</p>

<p><a href="http://www.php.cn/">php.cn</a> - 注意这个链接会在新窗口打开,即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p>

</body>
</html>

Exécuter l'instance»

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

Utilisez la balise <style> dans <head>
Cet exemple montre comment ajouter des informations de style dans la section <head>

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

Exécuter l'instance»

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

Utilisation de la balise <link> dans le fichier <head>
Cet exemple montre comment utiliser la balise <link>

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<link rel="stylesheet" type="text/css" href="styles.css"> 
</head>

<body>
<h1>我是通过样式文件 styles.css 渲染后显示的。</h1>
<p>我也是。</p>
</body>

</html>

Exécuter l'instance»

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


Articles connexes

Tutoriel HTML : En-tête HTML