La balise head

Exemple

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Apprendre HTML / XHTML></title>
<meta name="Description" content="Christophe vous propose des formations de webmaster chez vous partout dans le Nord" />
<meta name="Keywords" content="Formation webmaster, formation webmaster Nord, Formation Dreamweaver Nord, Formation Dreamweaver, Formation HTML, Formation XHTML" />
<meta name="robots" content="all" />
<link href="feuille_de_style.css" rel="stylesheet" type="text/css" />
<script src="effet.js" type="text/javascript"></script>
</head>

Explications

Le head entrant

<head> <!-- Insérer la balise head entrante -->

Voici une liste des éléments à insérer dans la balise head

Définition de la langue

Permet de définir le type d'encodage utiliser ISO-8859-1 pour la France (Nous avons des caractères accentuées etc ..., que nous n'avons pas par exemple en anglais

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <!-- Permet de définir le type d'encodage de la page-->

La balise title

Cette balise est importante pour le référencement

<title>Apprendre HTML / XHTML</title>

Les balises Meta

Les balises marquées d'une étoile * sont indispensables si vous voulez avoir une chance de référencer votre site web

La balise Meta Description *

C'est la description que vous allez retrouver notamment quand vous faîtes une recherche dans Google

<meta name="Description" content="Christophe vous propose des formations de webmaster chez vous partout dans le Nord" />

La balise Meta Keywords *

Dans cette balise, vous insérez des groupes de mots clés séparés par des virgules

<meta name="Keywords" content="Formation webmaster, formation webmaster Nord, Formation Dreamweaver Nord, Formation Dreamweaver, Formation HTML, Formation XHTML" />

La balise Meta robots *

Elle indique aux robots de suivre les liens qui se trouvent sur une page web

<meta name="robots" content="all" />

La balise Meta refresh

Créer une redirection HTML avec la balise Meta refresh

A n'utiliser que lorsque vous souhaitez rediriger une page vers une autre page ou site aprés un délai que vous définissez

<meta http-equiv="refresh" content="10;URL=http://www.google.fr/" /> <!-- La page sera redigérée vers http://www.google.fr/ aprés 10 secondes -->

 

Sans, préciser URL="valeur" vous pouvez rafraichir votre page au bout d'un temps que vous définissez

<meta http-equiv="refresh" content="10" /> <!-- Rafraichit la page toutes les 10 secondes ->

Il esxite bien d'autres balises Meta, je vous donne les plus utiles pour le référencement, si vous voulez trouver une liste compléte, allez sur Rankspirit

Lier une feuille de style CSS à votre page

Permet de lier une feuille de style CSS externe

+ de détails sur les feuilles de style CSS

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

Insérer une régle de style CSS à l'intérieur d'une page

Je vous le déconseille fortement, si la régle est stockée à l'intérieur de la page, vous devrez les Copier et Coller dabs toutes les autres pages, à chaque fois que vous modifier la régle, vous devez la modifier sur toutes les page, vous allez y passer du temps !

Il est préférable de stocker votre régles dans uen feuille de style externe

+ de détails sur les feuilles de style CSS

<style type="text/css">
<!--
.Texte_vert {
color: #336600;
font-weight: bold;
font-size: 14px;
}
-->
</style>

Insérer un javascript

Permet de lier javascript contenu dans un fichier externe

<script src="effet.js" type="text/javascript"></script>

Le head sortant

</head>

 

Plan du site | Contact | Création LCFormateur
Ce site est liste dans la categorie Enseignement et formation : Formations professionnelles de l'annuaire Referencement et Dictionnaire
Informatique Zen | Glam Bar | Formation webmaster  |  Formation bureautique  | Le Kervegan | Maintenance industrielle Nord
Fitness Valenciennes | Zumba Valenciennes | Test de personnalité | Recherche sur le cancer | Mise en plan 3D