HTML5 : structure globale du document
Pour débuter sereinement avec une nouvelle intégration HTML5 et comprendre ses implications, nous allons commencer par le début : la structure globale d'un document.
Article par Simon-K (Art Director & Creative Designer, Paris)
Créé le 30 Janvier 2012, mis à jour le 05 Mai 2014 (301561 lectures)
Tags : xhtml, balises, doctype, meta, html5, head, body
La conception d'une page web en suivant la philosophie du standard HTML5 spécifié par le W3C (ou du standard vivant tel que désigné par le WhatWG) répond à quelques réflexes de base. La structure d'un document (l'imbrication des balises à la racine) est simplfiiée pour répondre aux attentes pragmatiques des intégrateurs et webdesigners.
Un document HTML5 minimal
Sans surprise, les bases d'un code HTML5 ressemblent beaucoup à celles rédigées à l'aide des précédentes versions HTML 4 et XHTML 1.x. Rétro-compatibilité oblige. On y retrouve donc un doctype suivi des éléments les plus courants : , , , <meta>, <link>, <script> et <body>.
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Titre de la page
...
...
Le doctype
La première ligne d'en-tête a été considérablement simplifiée. On peut maintenant retenir un doctype par coeur, sans avoir à le copier-coller.
Ce doctype allégé a été mûrement testé et réfléchi : il permet toujours - pour les anciens navigateurs - de rester dans le mode d'interprétation conforme aux standards et d'éviter le mode quirks. On peut remarquer qu'il n'y a pas d'allusion à un quelconque numéro de version. Son rôle est toujours de préciser quel est le type de document qui va suivre, afin de permettre au navigateur de savoir quel langage de la vaste famille SGML il devra interpréter.
L'élément racine
C'est lui qui va recueillir les deux principaux éléments de la hiérarchie : et .
L'attribut lang (sur )
On a tendance à l'oublier : l'attribut lang précise la langue utilisée pour le contenu de la page, lorsqu'il est placé sur la racine .
Une langue bien indiquée sera utile ainsi aux synthèses vocales (pour adopter le bon accent).
Les fameux et
À ce niveau, le code HTML peut être divisé en deux parties : l'en-tête située entre les balises et , qui regroupe toutes les méta-informations, c'est-à-dire les données qui ne sont pas représentées directement à l'écran dans le rendu du document, mais qui lui sont tout de même liées : le titre dans (extrêmement recommandé), les autres méta-informations variées (facultatives : mots-clés, description générale de la page) dans zéro ou plusieurs <meta>, et éventuellement <link>, <script> ou <style>.
La deuxième partie comprend le corps à proprement parler, c'est-à-dire <body>. On y retrouvera tout le reste du contenu HTML, structuré par des balises variées - selon ce que l'on aura à y placer - et dont l'apparence sera affectée par les styles CSS chargés dans <link> et/ou <style>.
L'attribut charset (sur <meta>)
Préciser l'encodage des caractères est primordial pour exploiter la bonne page de code et ne pas se retrouver avec les caractères spéciaux ou accentués. Le choix de l'UTF-8 est désormais préconisé par le W3C pour tous les protocoles échangeant du texte sur internet (dont HTML).
<meta charset="utf-8">
On retrouvera donc très souvent ce codage de caractères, par contre il faut toujours veiller à ce que l'éditeur permettant de coder en HTML (que ce soit un IDE tout-en-un ou un simple éditeur de texte) enregistre le fichier avec le bon encodage, et non en Latin-1 (alias ISO-5589-1) ou ANSI si la balise <meta> indique UTF-8.
Veillez à toujours placer cette déclaration d'encodage avant toutes les autres balises contenues dans la section <head>. En effet, celles-ci sont immédiatement concernées, par exemple <title> qui peut déjà faire appel à des caractères en UTF-8 ; ceci également dans un but de sécuriser l'interprétation des caractères spéciaux et prévenir les injections de contenu indésirables.
L'élément <link>
Dans la majorité des cas, une balise <link> placée dans l'en-tête permet de mettre en relation la page avec d'autres documents externes. La plupart du temps cela concerne les feuilles de style CSS externes avec une relation du type stylesheet, mais il est aussi possible de définir d'autres types de relations (par exemple avec author, icon, prefetch, next, prev, etc).
<link rel="stylesheet" href="style.css">
En HTML5, il n'est plus strictement obligatoire de spécifier l'attribut type.
Pour inclure directement des instructions CSS dans le document HTML sans passer par un fichier externe, <style> est à votre service. Cependant, il vaut mieux faire confiance à un fichier indépendant : il n'y aura qu'un seul code à maintenir pour de multiples pages (voire pour tout le site), et la mise en cache par le navigateur n'en sera que plus efficace.
L'élément <script>
Cet élément permet d'ajouter des scripts (JavaScript) qui vont s'éxécuter côté client dans le navigateur dès leur chargement.
<script src="script.js"></script> <br />
En HTML5, il n'est plus obligatoire de spécifier l'attribut type. Celui-ci est de toute manière interprété par défaut en text/javascript par tous les navigateurs.<br />
<br />
Les autres éléments HTML5<br />
Une fois la structure de base préparée, il est temps de commencer à y placer d'autres éléments HTML pour le contenu à proprement parler : paragraphes, listes, liens, images, vidéos, tableaux de données, formulaires, etc. La majorité des éléments HTML sont toujours au rendez-vous dans HTML5, qui se voit complété par quelques nouveautés pour le balisage. Par exemple :<br />
<br />
Éléments de section <section>, <article>, <header>, <footer>, <nav> et <aside><br />
Élément <datalist><br />
Éléments <details> & <summary><br />
Éléments <figure> & <figcaption><br />
Éléments média <audio> et <video> complétés par <source><br />
Élément <canvas><br />
Éléments <meter>, <output> et <progress><br />
Élément <time> et <mark><br />
Et tous les autres, que l'on peut retrouver dans une liste complète maintenue par le W3C : HTML : The Markup Language<br />
Pour rappel, tous les nouveaux éléments HTML5 ne sont pas nécessairement reconnus de façon native et cohérente par tous les navigateurs (même les plus récents). Pour certains, il sera possible de trouver des alternatives avec des compléments en JavaScript. Pour d'autres, il faudra patienter jusqu'à une implémentation totale, et évaluer le risque selon le besoin : un nouvel élément sera-t-il tout de même consultable, masqué, ou géré de façon erronée ?<br />
<br />
Pour juger de l'état de la prise en charge par les navigateurs, fiez-vous à Caniuse.com qui dresse des tableaux de support complets, ou bien encore à HTML5Please, qui indique de façon rationnelle par rapport aux parts de marché ce qu'il est possible d'utiliser en production pour un maximum de visiteurs.<br />
<br />
Templates et boilerplates<br />
Des modèles réfléchis et structurés existent pour faciliter le démarrage d'un nouveau projet web autour de HTML5, et de ses futures évolutions. Ils reprennent la structure globale d'un document, en y ajoutant quelques bonnes pratiques, avec parfois des fichiers de configuration pour le serveur et des feuilles de styles de base, voire même des librairies JavaScript.
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Publié par
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/05321558344562324959' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/05321558344562324959' rel='author' title='author profile'>
<span itemprop='name'>Unknown</span>
</a>
</span>
</span>
<span class='post-timestamp'>
à
<meta content='http://lnanogoogle.blogspot.com/2016/01/html5-structure-globale-du-document.html' itemprop='url'/>
<a class='timestamp-link' href='https://lnanogoogle.blogspot.com/2016/01/html5-structure-globale-du-document.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2016-01-17T12:14:00-08:00'>12:14</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1007479401'>
<a href='https://www.blogger.com/post-edit.g?blogID=227896844236704684&postID=4565388491207595662&from=pencil' title='Modifier l'article'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>Aucun commentaire:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Enregistrer un commentaire</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/227896844236704684?po=4565388491207595662&hl=fr' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/2315299244-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
</script>
</div>
</p>
</div>
</div>
</div></div>
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://lnanogoogle.blogspot.com/2016/01/livres-sur-amazonfr.html' id='Blog1_blog-pager-newer-link' title='Article plus récent'>Article plus récent</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://lnanogoogle.blogspot.com/2016/01/fonction-php-exemple.html' id='Blog1_blog-pager-older-link' title='Article plus ancien'>Article plus ancien</a>
</span>
<a class='home-link' href='https://lnanogoogle.blogspot.com/'>Accueil</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Inscription à :
<a class='feed-link' href='https://lnanogoogle.blogspot.com/feeds/4565388491207595662/comments/default' target='_blank' type='application/atom+xml'>Publier les commentaires (Atom)</a>
</div>
</div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<div class='sidebar section' id='sidebar-left-1'><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Membres</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height;
},
'reset': function() {
window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers/frame/227896844236704684?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMyMjIyMjIiByMyMjg4YmIqByNmZmZmZmYyByMwMDAwMDA6ByMyMjIyMjJCByMyMjg4YmJKByM5OTk5OTlSByMyMjg4YmJaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dfr\x26origin\x3dhttps://lnanogoogle.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/227896844236704684?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMyMjIyMjIiByMyMjg4YmIqByNmZmZmZmYyByMwMDAwMDA6ByMyMjIyMjJCByMyMjg4YmJKByM5OTk5OTlSByMyMjg4YmJaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dfr\x26origin\x3dhttps://lnanogoogle.blogspot.com");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Archives du blog</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2017/'>
2017
</a>
<span class='post-count' dir='ltr'>(8)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2017/12/'>
décembre
</a>
<span class='post-count' dir='ltr'>(7)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2017/08/'>
août
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/'>
2016
</a>
<span class='post-count' dir='ltr'>(624)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/10/'>
octobre
</a>
<span class='post-count' dir='ltr'>(52)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/09/'>
septembre
</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/08/'>
août
</a>
<span class='post-count' dir='ltr'>(96)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/07/'>
juillet
</a>
<span class='post-count' dir='ltr'>(18)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/06/'>
juin
</a>
<span class='post-count' dir='ltr'>(107)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/05/'>
mai
</a>
<span class='post-count' dir='ltr'>(93)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/04/'>
avril
</a>
<span class='post-count' dir='ltr'>(14)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/03/'>
mars
</a>
<span class='post-count' dir='ltr'>(80)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>
▼
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2016/01/'>
janvier
</a>
<span class='post-count' dir='ltr'>(160)</span>
<ul class='posts'>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/a-propos-de-dmoz.html'>A propos de DMOZ</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/pourquoi-utiliser-un-logiciel-de.html'>Pourquoi utiliser un logiciel de gestion de version</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/290-recettes-pour-les-programmeurs-en.html'>290 recettes pour les programmeurs en PHP</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/29-exemples-de-code-wlangage-l5g.html'>29 EXEMPLES DE CODE WLANGAGE (L5G)</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/introduction-au-langage-go.html'>Introduction au langage Go</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/google-analytics.html'>Google Analytics</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/httpswwwservice-publicfrassociationsvos.html'>https://www.service-public.fr/associations/vosdroi...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/jeu-de-go-en-informatique.html'>Le jeu de go en informatique est une branche de l'...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/la-liberation-de-la-version-1-go-1-go.html'>La libération de la version 1 Go, 1 Go pour faire ...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/lien-refaire.html'>lien a refaire</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/premiere-defaite-dun-professionnel-du.html'>Première défaite d’un professionnel du go contre u...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/le-monde-diplomatique.html'>Le Monde diplomatique</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/deezer-se-muscle-face-apple-et-spotify.html'>Deezer se muscle face à Apple et Spotify</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/le-management-de-deezer-peut-pousser-un.html'>Le management de Deezer peut pousser un ouf de sou...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/xhtml.html'>XHTML</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/pascal.html'>Pascal</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/age.html'>AGE</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/w-langage.html'>LE W LANGAGE</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/algol.html'>Algol</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/nom-vide_25.html'>Nom vide</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/nom-vide.html'>nom vide</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/erlang.html'>Erlang</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/un-algorithme-recursif-est-un.html'>Un algorithme récursif est un algorithme qui résou...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/codeblocks.html'>Code::Blocks</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/lopen-source-multi-plateforme-libre-c-c.html'>L'open source, multi-plateforme, libre C, C ++ et ...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/programmation-distribuee-en-erlang.html'>Programmation distribuée en Erlang</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/sciences.html'>Sciences</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/ecmasript.html'>EcmaSript</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/httpsfrwikipediaorgwikierlanglangage.html'>https://fr.wikipedia.org/wiki/Erlang_(langage)</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/squeak.html'>Squeak est un langage de programmation utilisable ...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/le-sql-de-a-z-1ere-partie-bases-de.html'>LE SQL de A à Z : 1ere partie - bases de données, ...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/il-existe-aussi-des-logiciels-et.html'>Il existe aussi des logiciels et services de gesti...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/logiciel-de-gestion-de-versions.html'>Logiciel de gestion de version</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/inference-de-types-wikipedia.html'>Inférence de types — Wikipédia</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/critiques-de-google.html'>Critiques de Google</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/google.html'>Google</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/dart-successeur-de-c-pour-applications.html'>Dart, successeur de C++ pour applications modernes</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/syntaxe-avancee-du-bon-coin.html'>Syntaxe avancée du bon coin</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/une-des-choses-qui-est-au-cur-de-notre.html'>Une des choses qui est au cœur de notre entreprise...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/twitter.html'>Twitter</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/typescript-devient-de-plus-en-plus.html'>TypeScript devient de plus en plus populaire, comm...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/typescript-langage-de-transition-vers.html'>TypeScript: langage de transition vers le futur Ja...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/sriptolcomment-sont-crees-les-langages.html'>Sriptol.comment sont créés les langages de program...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/sriptol-le-langage-de-programmation-du.html'>Sriptol le langage de programmation du futur ?</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/description-exemples-manuel-telecharger.html'>Déscription exemples manuel télécharger</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/sriptol.html'>Sriptol</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/apprenez-la-programmation-avec-scala.html'>Apprenez la programmation avec Scala</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/calcul-de-factoriellen-avec-javascript.html'>Calcul de factorielle(n) avec javascript</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/site-web-dynamique-et-interactif.html'>site web dynamique et interactif en php</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/open-source-prestashop.html'>Open Source PrestaShop.</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/edition-des-liens-en-langage-c.html'>édition des liens en langage c</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/raccoursis-clavier-dans-visual-basic.html'>Raccoursis clavier dans Visual Basic Editor</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/sybex-primes-produits-et-solutions.html'>Sybex primes produits et solutions d'apprentissage...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/langage-de-script-cote-serveur.html'>langage de script côté serveur</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/on-error-resume-next.html'>On Error Resume Next</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/code-indechiffrage-debogage-et-chasse.html'>Code indéchiffrage débogage et chasse aux erreurs</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/les-commandes-integrees-de-vba.html'>Les commandes intégrées de Vba</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/science-et-connaissance.html'>Science et connaissance</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/openclassroomscom-cours-dynamisez-vos.html'>openclassrooms.com › Cours › Dynamisez vos sites w...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/cerveau-et-langage.html'>Cerveau et langage</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/v-ide.html'>V Ide</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/iinjection-sql.html'>IInjection SQL</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/ingenierie-inverse.html'>Ingénierie inverse</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/html5javascript.html'>HTML5/JAVASCRIPT</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/vide_18.html'>VIDE</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/concevez-votre-site-web-avec-php-et.html'>Concevez votre site web avec PHP et MySQL</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/les-cookies-et-la-securite-informatique.html'>Les Cookies et la sécurité informatique</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/creer-la-page-publique-des-listes.html'>Créér la page publique des listes</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/formulaire-edit-links.html'>Formulaire Edit Links</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/tableaux-superglobaux.html'>Tableaux superglobaux</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/creer-le-code-xhtml-d-un-formulaire.html'>Créer le code XHTML D un formulaire visual basic</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/etat-ordre-303-biographies-lucien.html'>
Etat :
Ordre :
303 biographies :
Lucien GOLDM...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/objects-et-classes-en-visual-basic.html'>Objects et Classes en Visual Basic</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/boucles-en-langage-c.html'>Boucles en langage c</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/boucle-do-while.html'>Boucle do-while</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/platon.html'>Platon</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/presentation-technique-de-php5.html'>Présentation technique de PHP5</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/marlin-le-magicien-du-drm.html'>Marlin le magicien du DRM ?</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/les-virus-font-leur-miel-des-mobiles.html'>Les virus font leur miel des mobiles</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/exemples-dutilisation-de-inputbox.html'>Exemples d'utilisation de InputBox</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/travaux-diriges-de-physique.html'>Travaux dirigés de physique</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/utilisation-des-msgbox.html'>Utilisation des MsgBox en VBA</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/formules-de-moivre-et-euler-latex.html'>Formules de Moivre et Euler ( LATEX )</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/une-science-encore-incertaine.html'>Une science encore incertaine » : l'émergence de ...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/routines-et-fonctions-en-vba.html'>Routines et fonctions en VBA</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/elements-du-langage-rexx.html'>Eléments du langage REXX</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/livres-sur-amazonfr.html'>Livres sur Amazon.fr</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/html5-structure-globale-du-document.html'>HTML5 : structure globale du document</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/fonction-php-exemple.html'>Fonction php exemple</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/librairie-en-ligne.html'>Librairie en ligne</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/developpeur-php-html.html'>Developpeur php html</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/httpdownloadmicrosoftcomdownloadecaeca1.html'>http://download.microsoft.com/download/e/c/a/eca10...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/ramanujan.html'>Ramanujan</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/httpsbooksgooglefrbooksisbn2100551337.html'>https://books.google.fr/books?isbn=2100551337</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/othello-ou-le-maure-de-venise-wikipedia.html'>Othello ou le Maure de Venise — Wikipédia</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/httpstranslategooglefrtranslatehlfr.html'>https://translate.google.fr/translate?hl=fr&sl=en&...</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/othello.html'>Othello</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/api.html'>API</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/copier.html'>Copier</a></li>
<li><a href='https://lnanogoogle.blogspot.com/2016/01/texmaker.html'>Texmaker</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/'>
2015
</a>
<span class='post-count' dir='ltr'>(460)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/12/'>
décembre
</a>
<span class='post-count' dir='ltr'>(100)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/11/'>
novembre
</a>
<span class='post-count' dir='ltr'>(10)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/10/'>
octobre
</a>
<span class='post-count' dir='ltr'>(80)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/09/'>
septembre
</a>
<span class='post-count' dir='ltr'>(103)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/08/'>
août
</a>
<span class='post-count' dir='ltr'>(13)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/07/'>
juillet
</a>
<span class='post-count' dir='ltr'>(58)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/06/'>
juin
</a>
<span class='post-count' dir='ltr'>(31)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/04/'>
avril
</a>
<span class='post-count' dir='ltr'>(44)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/03/'>
mars
</a>
<span class='post-count' dir='ltr'>(8)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/02/'>
février
</a>
<span class='post-count' dir='ltr'>(12)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2015/01/'>
janvier
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/'>
2014
</a>
<span class='post-count' dir='ltr'>(420)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/12/'>
décembre
</a>
<span class='post-count' dir='ltr'>(44)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/11/'>
novembre
</a>
<span class='post-count' dir='ltr'>(16)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/10/'>
octobre
</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/09/'>
septembre
</a>
<span class='post-count' dir='ltr'>(29)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/08/'>
août
</a>
<span class='post-count' dir='ltr'>(79)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/07/'>
juillet
</a>
<span class='post-count' dir='ltr'>(25)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/05/'>
mai
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/03/'>
mars
</a>
<span class='post-count' dir='ltr'>(8)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2014/02/'>
février
</a>
<span class='post-count' dir='ltr'>(213)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/'>
2013
</a>
<span class='post-count' dir='ltr'>(1303)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/12/'>
décembre
</a>
<span class='post-count' dir='ltr'>(36)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/11/'>
novembre
</a>
<span class='post-count' dir='ltr'>(26)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/10/'>
octobre
</a>
<span class='post-count' dir='ltr'>(22)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/09/'>
septembre
</a>
<span class='post-count' dir='ltr'>(49)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/08/'>
août
</a>
<span class='post-count' dir='ltr'>(241)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/07/'>
juillet
</a>
<span class='post-count' dir='ltr'>(54)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/06/'>
juin
</a>
<span class='post-count' dir='ltr'>(189)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/05/'>
mai
</a>
<span class='post-count' dir='ltr'>(40)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/04/'>
avril
</a>
<span class='post-count' dir='ltr'>(267)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/03/'>
mars
</a>
<span class='post-count' dir='ltr'>(57)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/02/'>
février
</a>
<span class='post-count' dir='ltr'>(153)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
►
</span>
</a>
<a class='post-count-link' href='https://lnanogoogle.blogspot.com/2013/01/'>
janvier
</a>
<span class='post-count' dir='ltr'>(169)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Qui êtes-vous ?</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/05321558344562324959' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Unknown
</a>
</dt>
<dd class='profile-data'>
</dd>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/05321558344562324959' rel='author'>Afficher mon profil complet</a>
<div class='clear'></div>
</div>
</div></div>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='foot no-items section' id='footer-2-1'></div>
</td>
<td class='columns-cell'>
<div class='foot no-items section' id='footer-2-2'></div>
</td>
</tr>
</tbody>
</table>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3' name='Pied de page'><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Fourni par <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/745881458-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4zxM6PJ3bw4mPJNO4KYaywQEuHWQ:1736371355173';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d227896844236704684','//lnanogoogle.blogspot.com/2016/01/html5-structure-globale-du-document.html','227896844236704684');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '227896844236704684', 'title': 'nano-google', 'url': 'https://lnanogoogle.blogspot.com/2016/01/html5-structure-globale-du-document.html', 'canonicalUrl': 'http://lnanogoogle.blogspot.com/2016/01/html5-structure-globale-du-document.html', 'homepageUrl': 'https://lnanogoogle.blogspot.com/', 'searchUrl': 'https://lnanogoogle.blogspot.com/search', 'canonicalHomepageUrl': 'http://lnanogoogle.blogspot.com/', 'blogspotFaviconUrl': 'https://lnanogoogle.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'fr', 'localeUnderscoreDelimited': 'fr', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22nano-google - Atom\x22 href\x3d\x22https://lnanogoogle.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22nano-google - RSS\x22 href\x3d\x22https://lnanogoogle.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22nano-google - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/227896844236704684/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22nano-google - Atom\x22 href\x3d\x22https://lnanogoogle.blogspot.com/feeds/4565388491207595662/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/361ce9cf7a112c52', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtenir le lien', 'key': 'link', 'shareMessage': 'Obtenir le lien', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Partager sur Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Partager sur X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Partager sur Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27fr\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Lire la suite', 'pageType': 'item', 'postId': '4565388491207595662', 'pageName': 'HTML5 : structure globale du document', 'pageTitle': 'nano-google: HTML5 : structure globale du document'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Modifier', 'linkCopiedToClipboard': 'Lien copi\xe9 dans le presse-papiers\xa0!', 'ok': 'OK', 'postLink': 'Publier le lien'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'HTML5 : structure globale du document', 'description': ' HTML5 : structure globale du document Pour d\xe9buter sereinement avec une nouvelle int\xe9gration HTML5 et comprendre ses implications, nous ...', 'url': 'https://lnanogoogle.blogspot.com/2016/01/html5-structure-globale-du-document.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4565388491207595662}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/4217968544-lbx__fr.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-left-1', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-left-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Chargement\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-left-1', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull'));
</script>
</body>
</html>