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.

Partagez vos fichiers volumineux facilement et de manière sécurisée avec Firefox Send

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

Firefox Send est un service de Mozilla de partage de fichiers en ligne. Pour des utilisateurs non techniques, qui ne sauraient pas utiliser un serveur FTP ou tout autre partage réseau, c’est une très bonne alternative web pour mettre en ligne des fichiers volumineux de manière simple. Il existe déjà de nombreux services similaires, parfois gratuits et souvent propriétaires. Dans cet article, nous allons voir comment utiliser ce service pour partager de manière sécurisée vos fichiers, et surtout pour héberger votre instance.

Clippings : gagnez du temps avec votre presse-papier intelligent

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

À n’en pas douter, Clippings vous fera gagner un temps non négligeable en vous évitant de retaper les mêmes formulations/textes plusieurs fois dans vos mails (à noter que le module est compatible avec le client mail Thunderbird), billets et dans les divers formulaires que vous pourrez rencontrer en ligne. On peut imaginer cette extension comme un « presse-papier intelligent ».

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.