Sites


initiation à HTML5

Le doctype et l'élément racine

Dans le html comme dans tout langage, certains éléments sont plus fondamentaux que d'autres. Ici, considérons le doctype et l'élément racine comme tel même s'ils n'ont pas d'impact direct sur ce que verra le visiteur du site.

Le doctype

Il est essentiel que chaque page html soit renseignée par un doctype. Tout fichier HTML commence par une déclaration du doctype. Il a pour rôle d'indiquer au navigateur de quel type de HTML le fichier est déclaré. Concernant le html5, le doctype a déclaré est :

<!doctype html> 

Ce doctype doit être inséré en début de chaque page HTML du site, et doit se trouver sur la première ligne du fichier.

Pour rappel, le doctype XHTML est le suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

L'élément racine html

Concernant la page html, tout contenu et toute balise doivent être intégrés dans une balise principale. La règle d'imbrication fera la reste.

L'élément html devra donc apparaître juste après le doctype et sera fermé en toute fin de fichier, après l'ensemble du contenu.

<!doctype html> 
<html>
... tout le contenu ici ...
</html>

Ensuite, renseignez sur la langue de la page. Cette information est utile aussi bien pour le navigateur que pour les moteurs de recherche, sans oublier la bonne pratique de l'accessibilité du web aux handicaps. En effet, les navigateurs vocaux se basent sur cette information pour lire avec le bon accent et le bon langage la page. Avez-vous déjà écouté un site français avec un lecteur vocal configuré en anglais ! Affreux !

<!doctype html> 
<html lang='fr'>... tout le contenu ici ...
</html>

Vous êtes maintenant prêt pour intégrer le head de votre page internet.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.