head facebook twitter youtube

Balise <head>

L'en-tête du document exerce un rôle crucial, car il fournit de multiples renseignements sur le document lui-même, que le contenu n'indique pas.

Dans cette optique, il recueille plusieurs autres balises aux rôles précis. Parmi cellesci, seule est obligatoire.

 

Imbrications pour <head>

 

Élément Occurrences Rôle
<title> 1 Titre du document
<meta> 0 ou + Méta-informations
<link> 0 ou + Relations vers des ressources externes (par exemple des feuilles de style CSS)
<style> 0 ou + Styles CSS embarqués dans le document
<script> 0 ou + Scripts embarqués dans le document
<base>

 

0 ou 1

 

Base d'adresses par défaut et de cible pour tous les liens du document

  Exemple d'utilisation minimale de <head>

  <!DOCTYPE html>
 <html lang="fr">
 <head>
 <title>Titre du document</title>
 </head>
 <body>
 <!-- Le corps du document -->
 </body>
 </html>
 L'ordre de déclaration n'est pas important. Ces éléments sont individueldécrits ci-après dans leurs sections respectives.
 

 

Exemple d'utilisation plus complète mais totalement imaginaire de <head>

 

<!DOCTYPE html>

<html lang="fr">
<head>
<!-- Encodage des caractères -->
<meta charset="utf-8">
<!-- Base générale des liens -->
<base href="http://www.7astuces.fr"
<!-- Titre du document -->
<title>7astuces</title>
<!-- Une feuille de style -->
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen">
<!-- Des styles complémentaires -->
<style type="text/css">
p {
font-family:Sans-serif;
text-align:center;
}
</style>
<!-- Un fichier JavaScript externe -->
<script src="js/script.js"></script>
</head>
<body>
<p>Ceci est ma première page HTML5.</p>
</body>
</html>

 

Puisqu'il s'agit de méta-informations, aucune des balises n'est affichée dans la zone réservée au document HTML. Seul <title> a une influence directe puisqu'il s'agit du titre généralement attribué par le navigateur à la fenêtre courante ou à l'onglet,
 



  • html

    html

    L’élément <html> constitue la racine de tout document HTML. Il suit en général le
    doctype et clôt l’ensemble en fin de page par une balise fermante
    </html>.

    .......
    Voir Plus
  • title

    title

    Le titre du document détenu par <title> est affiché par le navigateur dans le titre de la fenêtre et/ou dans l’onglet actif.  Il est aussi choisi, à juste titre, comme intitulé du lien dans les rés

    .......
    Voir Plus
  • meta

    meta

    Les balises <meta> comblent le besoin de véhiculer plus de méta-informations au sujet du document. Il s’agit là aussi de renseignements qui ne ont pas affichés dans le corps de la page,.

    .......
    Voir Plus
  • link

    link

    La balise <link> Permet de définir l'emplacement d'un fichier qui sera accessible au sein de la page où elle est déclarée.

    .......
    Voir Plus
  • style

    style

    La balise <style> Permet d’introduiredes propriétés spécifiques au document courant.
    Son contenu doit exclusivement relever de la syntaxe des feuilles de style.Les propriétés seront appliquées a

    .......
    Voir Plus
  •  base

    base

    Représente une base commune pour tous les éléments du document.il est conseillé de le placer en tantque tout premier élément dans, car les suivants utiliseront son information.

    .......
    Voir Plus
  • body

    body

    Ce corps est intégralement contenu entre <body> et </body>. On y retrouve toutes les autres balises décrites dans la suite de cet ouvrage. La seule balise susceptible de figurer après cet élément est </

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces