« Le langage HTML/Introduction » : différence entre les versions

Vers le HTML5
(Vers le HTML5)
Le XHTML est quant à lui une évolution du HTML ; le sigle signifie ''Extensible Hypertext Markup Language''. Nous verrons plus loin la différence entre les deux, mais la plupart des informations sont valables pour les deux langages. Le terme (X)HTML signifie donc « HTML ou XHTML ».
 
Finalement, ce langage a abouti à une nouvelle version: le HTML5. Cette version possède des ajouts pour les médias (audio, vidéo, application interactives avec CSS3/Javascript). C'est de cette version que ce livre traitera.
== Pourquoi apprendre le (X)HTML ? ==
 
== Pourquoi apprendre le (X)HTMLHTML5 ? ==
Un document (X)HTML est avant tout un document texte (c'est-à-dire lisible par un humain), qui contient une certaine syntaxe afin de mettre en forme ou de décrire ce document. Son nom de fichier a généralement le suffixe <code>.html</code> (réduit à <code>.htm</code> sur les systèmes d'exploitation ne supportant pas plus de 3 caractères de suffixe).
 
Un document (X)HTMLHTML5 est avant tout un document texte (c'est-à-dire lisible par un humain), qui contient une certaine syntaxe afin de mettre en forme ou de décrire ce document. Son nom de fichier a généralement le suffixe <code>.html</code> (réduit à <code>.htm</code> sur les systèmes d'exploitation ne supportant pas plus de 3 caractères de suffixe).
L'immense majorité des gens font leur page Web à l'aide d'un logiciel avec une interface graphique, en utilisant la souris et en ayant un rendu immédiat ; il en existe des gratuits. Ce logiciel génère du code (X)HTML.
 
L'immense majorité des gens font leur page Web à l'aide d'un logiciel avec une interface graphique, en utilisant la souris et en ayant un rendu immédiat ; il en existe des gratuits. Ce logiciel génère du code (X)HTMLHTML5.
 
Pourquoi alors vouloir taper soi-même du code ?
 
Chacun aura sa réponse à cette question. Cela peut être par curiosité, pour comprendre comment marche le Web ; ou bien encore pour « nettoyer » le code (X)HTML généré par le logiciel, le rendre plus léger.
 
<!-- À réécrire en adaptant à la nouvelle orientation HTML + XHTML
Bien sûr, pour des raisons esthétiques — tout à fait louables — certains voudront faire du « placement au millimètre ». C'est tout à fait possible, mais plus vous voulez faire des choses compliquées, plus le code devient compliqué… Et surtout, le risque est de faire « n'importe quoi ». Il est par exemple simple de créer des tableaux imbriqués pour placer le texte comme on veut, mais avez-vous pensé aux mal-voyants ? S'ils utilisent un logiciel de lecture vocale, celui-ci lit le contenu des cellules linéairement, de gauche à droite et de haut en bas ; est-ce bien ce que vous désirez ? Voir à ce sujet l'article de Wikipédia ''[[w:Accessibilité du Web|Accessibilité du Web]]''.
 
Dans un premier temps, le recours au (X)HTMLHTML5 revient à renoncer à la mise en forme pour la déléguer au navigateur. Ceci peut être frustrant, mais vous gagnez en simplicité et en universalité. La mise en forme viendra dans un deuxième temps, avec le CSS — Rome ne s'est pas faite en un jour…
 
Notons que le HTML ayant été créé avant le CSS, il contient de nombreux éléments de mise en forme. On trouvera donc de nombreuses références (ouvrages, pages en lignes) et de nombreux exemples (pages Web) utilisant ces balises. Nous vous invitons à ne pas suivre ces « mauvais exemples ».
{{fin cadre}}
 
<!--Désormais inutile
== Alors, HTML/XHTML ou XHTMLHTML5 ? ==
 
=== Késako ===
 
Nous avons évoqué rapidement tout à l'heure le XHTML et le HTML5. Quelle est la différence entre le HTMLXHTML et le XHTMLHTML5, vous demandez vous ?
 
Conçu initialement comme un langage simplifié par rapport au SGML, le HTML doit une part de son succès à sa tolérance syntaxique, qui en facilite à première vue l'usage : ainsi, par exemple, toutes les balises ne sont pas nécessairement fermées, l'écriture du code est indifférente à la casse, les valeurs d'attributs peuvent dans certains cas ne pas être entourées de guillemets, … Cependant, cette facilité apparente a son revers : le code HTML ne se prête pas aux traitements automatisés qui sont en revanche l'un des atouts des formats [[Programmation XML|XML]].
Comment être sûr que votre site est valide ? Et bien en le faisant passer par le validateur bien sûr ! Par exemple :
* [http://validator.w3.org/ le validateur du W3C] ;
* [http://www.htmlhelp.com/tools/validator/index.html.fr celui du WDG].-->
 
== Historique ==
* [http://www.martiusweb.net/tutoriaux,01_00.html Martius web : cours XHTML/CSS]
* [http://www.siteduzero.com Le site du zéro]
** [http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html Les cours de XHTMLHTML5 et CSS]
4 215

modifications