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 les métadonnées décrites par les éléments suivants (noter qu'un seul lien figure, vers schema.dcterms) :
<link rel="schema.dcterms" href="http://purl.org/dc/terms/" />
<!-- DC simple. -->
<meta name="dc.identifier" content="SZ-1701041515" />
<meta name="dc.title" xml:lang="fr" content="Incorporer des métadonnées Dublin Core dans un document XHTML5 valide pour le W3C" />
<meta name="dc.language" content="fre" />
<meta name="dc.description" xml:lang="fr" content="Cette page est un modèle de document XHTML pour la spécification 5. Elle est validée par
l'outil de validation du W3C." />
<meta name="dc.subject" xml:lang="fr" content="Dublin Core" />
<meta name="dc.subject" xml:lang="fr" content="XHTML" />
<meta name="dc.coverage" xml:lang="fr" content="Internet au début du XXIe siècle" />
<meta name="dc.type" content="text" />
<meta name="dc.publisher" content="Myriapyle" />
<meta name="dc.creator" content="Sellig Zed" />
<meta name="dc.contributor" content="Non applicable" />
<meta name="dc.date" content="2016-03-13" />
<meta name="dc.format" content="text/html" />
<meta name="dc.rights" xml:lang="fr" content="(c) Sellig Zed, 2016. Sous licence CeCILL." />
<!-- DC qualifié. -->
<meta name="dcterms.modified" content="2017-01-06" />
<meta name="dcterms.audience" content="Tous les auteurs de pages sur le myriapyle." />
Div pour recevoir la date de mise à jour affichée par un Javascript.