Balises d’en-tête
Ces balises sont toutes situées dans l’en-tête de la page web, c’est-à-dire entre
et| Balise | Description |
|---|---|
| <title> | Titre de la page web.
C’est probablement la balise la plus importante d’une page web. Choisissez bien votre titre car il a beaucoup d’importance pour les moteurs de recherche (ils donnent de l’importance aux mots qui se trouvent dans le titre).
Code : Xhtml <title>Les petites expériences chimiques de M. Dupont</title> |
| <style> | Permet de définir du code CSS pour la page.
On lui met l’attribut type="text/css". Exemple :
<style type="text/css"> /* Votre code CSS ici */ </style> |
| <script> | Permet de placer un script.
On l’utilise souvent pour mettre du code Javascript : Code : Xhtml <script type="text/javascript"> /* Votre script ici */ </script> |
| <meta/> | Cette balise permet de définir les propriétés de la page web.
On s’en sert pour une foule de choses. Voici quelques exemples pratiques : Code : Xhtml < !— Auteur de la page —>
<meta name="author" content="Jean Dupont" /> < !— Description de la page —> <meta name="description" content="La page personnelle de Jean Dupont" /> < !— Mots-clés de la page —> <meta name="keywords" content="expériences, recherche, laboratoire, chimie" /> < !— Adresse de contact —> <meta name="reply-to" content="monadresse@email.com" /> < !— Empêcher la mise en cache de la page par le navigateur —> <meta http-equiv="pragma" content="no-cache" /> < !— Table de caractères —> <meta http-equiv="content-type" content="text/html ; charset=iso-8859-1" /> < !— Rafraîchissement automatique au bout de 10 secondes —> <meta http-equiv="refresh" content="10 ; URL=http://www.monsite.com" /> En général, on utilise surtout le meta pour la table de caractères.
La description et les mots-clés de la page n’influencent pratiquement plus les moteurs de recherche.
|
| <link /> | Cette balise permet d’indiquer certaines informations sur la page web.
On l’utilise le plus souvent pour inclure une feuille de style CSS, comme ceci : Code : Xhtml <link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="design.css" />
On peut aussi s’en servir pour 2-3 autres choses :
Code : Xhtml < !— Page d’accueil du site —> <link rel="start" title="Accueil" href="index.html" /> < !— Page d’aide du site —> <link rel="help" title="Politique d’accessibilité" href="accessibilite.html" /> < !— Fil RSS du site —> <link rel="alternate" type="application/rss+xml" title="News de mon site" href="news.xml" /> < !— Icône du site (favicon) —> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> La favicon est une icône qui s’affiche généralement à gauche de l’adresse de votre site sur le navigateur de vos visiteurs. C’est un moyen de personnaliser un peu plus son site.
|