« Le langage HTML/Bien commencer le HTML » : différence entre les versions

Vers le HTML5
(Vers le HTML5)
 
; Exemple
{{vert|<!DOCTYPE html>}} html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>"{{vert|&gt;}}
{{vert|&lt;html&gt;}}
Réessayez maintenant avec le texte suivant :
<pre style="white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;overflow:auto;">
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt; Premier essai &lt;/title&gt; &lt;/head&gt; &lt;body&gt; Bonjour le monde. &lt;/body&gt; &lt;/html&gt;
</pre>
(le même texte mais sur une seule ligne, sans mise en forme) — une fois le fichier sauvé, il suffit d'appuyer sur le bouton « rafraîchissement/recharger » du navigateur pour voir la différence. On remarque qu'il n'y en a aucune.
** « coloration syntaxique » : les caractères spéciaux et balises sont reconnus et mis en couleur, ce qui facilite la lecture du code.
 
Voici par exemple un commentaire permettant de se repérer facilement (l'exemple suivant se trouverait au sein d'un code, donc notamment après les balises <code>&lt;!DOCTYPE html&gt; &lt;html&gt; … &lt;body&gt;</code> et avant le <code>&lt;/body&gt; &lt;/html&gt;</code> final).
{{vert|&lt;!--}}
* [[w:JEdit|JEdit]]
* [[w:Quanta_Plus|Quanta Plus]]
* [[w:Sublime Text 2|Sublime Text 2]]
* [[w:NVU|NVU]] et [[w:Kompozer|Kompozer]] Ces derniers seraient plutôt des éditeurs WYSIWYG mais permettent d'éditer directement la source d'une page.
<!-- liste de critères à compléter ? -->
4 215

modifications