L'arborescence doit être bien formée au sens du XML. Notamment les éléments sont fermés (paire de balises ouvrante/fermante ou balise autofermée).
Le CSS s'utilise comme d'habitude.
L'extension du fichier doit être .xhtml pour passer le validateur html.
Appuyer sur le bouton "Écrire" pour remplacer le texte de cette div "affichage" par n'importe quel texte.
Il faut savoir que l'élément noscript dans le corps du document n'est pas géré par xml. L'inclure est une cause de non conformité. Pour en savoir plus, voir cette spécification.
Il y a d'autres contraintes, comme l'impossibilité d'utiliser l'instruction javascript document.write. À part cela, l'emploi de Javascript ne pose pas de gros problème, au prix de petites différences par rapport au pur HTML5 :
En conséquence, le bouton de cette page est décrit par :
<p><input type="button" value="Écrire" id="bouton1" onclick="Ecrit();" /></p>
et appelle le programme suivant :
<script type="text/javascript">
//<![CDATA[
var texte = "<p>N’importe quel texte.</p>" ;
function Ecrit()
{
document.getElementById('affichage').innerHTML = texte ;
}
//]]>
</script>
Il est bien sûr possible d'incorporer un script extérieur par :
<script src="externe.js"></script>
Dans son entête, cette page contient seulement un lien vers un fichier externe dublin.rdf (pour le valider, cliquer sur ).
<link href="./dublin.rdf" rel="meta" type="application/rdf+xml" title="Dublin" />
Div pour recevoir la date de mise à jour affichée par un Javascript.