HTML 5 : structuration

Magazine
Marque
Linux Pratique
Numéro
74
Mois de parution
novembre 2012
Domaines


Résumé
Le second opus de cette série d’articles sur HTML 5 va s’attacher à décrire les éléments permettant de structurer une page.

1. Structure générale d’un document HTML 5

1.1 Page blanche

Voici une page blanche écrite en HTML 5 :

<!DOCTYPE html>

<html lang="fr">

<head>

  <meta charset="UTF-8">

  <title>Page blanche HTML5</title>

</head>

<body>

</body>

</html>

Cet exemple concentre tous les éléments essentiels. Il ne reste qu’à remplir le corps du document, représenté par la balise body. Les seuls en-têtes (au sein de la balise head) vraiment importants et que l’on ne devrait pas oublier sont le codage du document et son titre.

La balise charset est une nouveauté pour HTML 5. Auparavant, on utilisait http-equiv, qui se chargeait de transporter des en-têtes HTTP de toute nature et qui avait une portée autre que celle propre au document.

On note également que le doctype est considérablement allégé. Pour se rendre compte de tout cela, voici la même page blanche en XHTML, avec tous les champs obligatoires :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"...

Cet article est réservé aux abonnés. Il vous reste 95% à découvrir.
à partir de 21,65€ HT/mois/lecteur pour un accès 5 lecteurs à toute la plateforme
J'en profite


Articles qui pourraient vous intéresser...

Notes : commentez votre navigation sur le Web

Magazine
Marque
Linux Pratique
Numéro
121
Mois de parution
septembre 2020
Domaines
Résumé

Développée par Mozilla Firefox, Notes est une extension pour votre navigateur web qui va ajouter un panneau latéral dans ce dernier afin que vous puissiez y apporter vos annotations lors de vos explorations sur la Toile.

Gesturefy : utilisez la navigation « gestuelle » pour gagner en rapidité

Magazine
Marque
Linux Pratique
Numéro
120
Mois de parution
juillet 2020
Domaines
Résumé

Voilà un module original à ajouter à votre navigateur web : Gesturefy va en effet vous permettre de personnaliser votre navigation en configurant des gestes à réaliser à l’aide de votre souris, le but étant évidemment de vous permettre de gagner en rapidité lors de vos explorations sur le Web.