Le code présenté ci-dessous présente quelques éléments courants de l'entête d'une page HTML.
Mais il est également un exemple de désactivation du code HTML à des fins didactiques.
Il est nécessaire de recourir à cet artifice dès lors que l'on veut présenter du code HTML dans une page HTML.
Il est alors possible, sans ouvrir le code source, d'en présenter en lecture certaines parties afin d'illustrer un propos.
Il faut, pour arriver à ce résultat, désactiver le code HTML en remplaçant les < et > d'ouverture et de fermeture de balises par cette suite de caractères:
<!--... ici commence la propriété de cette page de langue française écrite en HTML 4.01 strict.dtd...>
Vous pouvez vous rendre à l'adresse indiquée pour en savoir plus-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<!--... ici commence l'entête de cette page-->
<head>
<!--...Les caractêres seront interprétés par le navigateur comme iso-8859-1 (Europe Occidentale)-->
<meta content="text/html; charset=iso-8859-1" http-equiv="content-type" />
<!--... Le titre de la page est VOTRE TITRE.-->
<title>\__VOTRE TITRE__/</title>
<!--...\__ et __/ sont une petite fantaisie que l'on peut remplacer par ::: ou par =/\= etc... etc...-->
<!--... Les mots clés qui seront utilisés par les moteurs de recherche; 5 à 600 caractères maximum; un référencement correct passe surtout par la mise en place des fichiers sitemaps.xml et robots.txt; le premier est le plan du site et doit être placé dans le ou les répertoires à indexer; le second est un fichier qui permet d'accepter ou de refuser l'indexation des pages du site par divers robots-->
<meta name="keywords" content="html,balises HTML,balise meta" />
<!--... l'auteur de cette page-->
<meta content="zecyb" name="author" />
<!--... résumé de ce que contient cette page. Il est préférable de bien y réfléchir (comme en ce qui concerne les mots clés). Ce résumé est ce texte que les internautes peuvent lire dans le résultat des recherches de Google ; 150 caractères maximum-->
<meta name="description" content="Quelques codes HTML très utilisés ou particuliers" />
<!--... date de création de la page et date de révision de la page ; ces deux repères sont utilisés lors de l'indexation du site dont la fréquence peut être indiquée par la balise -->
<meta name="robots" content="all, index, follow" />
<meta name="Date-Creation-yyyymmdd" content="20090113" />
<meta name="date-Revision-yyyymmdd" content="20091228" />
<!--... si vous avez créé une feuille de style générale à toutes vos pages, il faut la déclarer ici-->
<link rel="stylesheet" type="text/css" href="feuille-de-style.css" />
<!--... de même pour le javascript-->
<script type="text/javascript" src="javascript.js">
</script>
<style type="text/css">
<!--
... Si vous avez créés une "feuille-de-style.css", vous pouvez ajouter ici des styles particuliers à la page et non définis par la feuille de style générale. Ces indications ne seront valables que pour cette page ... Vous en avez un exemple sur ce site avec la page au sujet de TuxPaint.-->
<!--...fin du style, vous fermez la balise de style-->
</style>
<!--...fin de l'entête, vous fermez la balise d'entête-->
</head>
<!--... début du corps de page-->
<body style="background-color:#C0C0C0;">
<!--... background-color indique la couleur d'arrière plan pour le corps de votre page; ces informations doivent être normalement reportées dans une feuille de style-->
<!--... ici, commence votre page--><div id="page">
<!--... ici, se termine votre page--></div>
</body>
</html>
Voir aussi l'article DTD de Wikipédia
Formation Ubuntu/Windows, développement et administration de sites
déclaration à la CNIL : n° 1397076
Photographies, logo, illustrations : Pierre BELLENEY
