« Le langage HTML/Introduction » : différence entre les versions
Vers le HTML5
Vers le HTML5 |
|||
Ligne 5 :
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 ? ==▼
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
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
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
<!-- À réécrire en adaptant à la nouvelle orientation HTML + XHTML
Ligne 32 ⟶ 34 :
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
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 ».
Ligne 102 ⟶ 104 :
{{fin cadre}}
<!--Désormais inutile
== Alors, HTML/XHTML ou
=== Késako ===
Nous avons évoqué rapidement tout à l'heure le XHTML et le HTML5. Quelle est la différence entre le
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]].
Ligne 142 ⟶ 145 :
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 ==
Ligne 169 ⟶ 172 :
* [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
| |||