I-SITE
admin adjoint
Messages: 3
Réputation: 0
Date d'inscription: 04/10/2009
Age: 19
Localisation: Le Grand-Quevilly
 | | Sujet: Code minimal du page HTML Mer 14 Oct - 23:13 | |
| Voici le code de base d'une page HTML : | Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
</html> |
Bien tout cela ne vous arrange en rien, alors je vais vous décrire les différentes balises.
Des balises, le HTML se sert de balises qui sont, vous l'aurez deviné en Anglais. Ces balises ont des fonctions et je vais vous expliquez les fonctions des balises de notre code du dessus.
<html>
Balise principale de toute page web.
On lui donne généralement 2 attributs :
* xmlns : la liste des balises xhtml existantes (appelée espace de noms).
* xml:lang : la langue utilisée sur votre page web. Utilisez "fr" pour un document en français.
En temps normal, votre balise <html> doit ressembler à ceci :
| Code: | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
</html> |
<head>
En-tête de la page
<body>
Corps de la page
<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: | <title>Les petites expériences chimiques de M. Dupont</title> |
<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: | <!-- 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" /> |
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: | <!-- 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.
Inutile donc de passer du temps à mettre tout plein de mots là-dedans. 
Voici pour cette première partie. |
|
