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

→‎Exemple de feuille de style différenciant la langue : ' -> " (pour ne pas compliquer les choses) ; + xml:lang="..."
(→‎Exemple de feuille de style différenciant la langue : ' -> " (pour ne pas compliquer les choses) ; + xml:lang="...")
L'exemple suivant est une feuille de style dans laquelle la mise en page d'un paragraphe dépend de la langue.
{{rouge|/*}} ********** Français ********** {{rouge|*/}}
HTML:lang(fr) { quotes: '"\00ab\00a0'" '"\00a0\00bb'"; } {{rouge|/*}} guillemets de citation pour tout le document {{rouge|*/}}
p:lang(fr) {
text-align: justify; {{rouge|/*}} texte justifié {{rouge|*/}}
margin-top: 0; {{rouge|/*}} pas de saut de ligne {{rouge|*/}}
margin-bottom: 0;
quotes: '"\00ab\00a0'" '"\00a0\00bb'"; {{rouge|/*}} guillemets de citation pour un paragraphe {{rouge|*/}}
}
{{rouge|/*}} ********** Anglais ********** {{rouge|*/}}
HTML:lang(en) { quotes: '"\2018'" '"\2019'" '"\201c'" '"\201d'"; } {{rouge|/*}} guillemets de citation pour tout le document {{rouge|*/}}
HTML:lang(en-GB) { quotes: '"\2018'" '"\2019'" '"\201c'" '"\201d'"; } {{rouge|/*}} 2 niveaux de citation {{rouge|*/}}
HTML:lang(en-US) { quotes: '"\201c'" '"\201d'" '"\2018'" '"\2019'"; } {{rouge|/*}} différents en GB et aux US {{rouge|*/}}
p:lang(en) {
text-align:left; {{rouge|/*}} texte aligné à gauche {{rouge|*/}}
margin-top: 1em;
margin-bottom: 1em; {{rouge|/*}} saut de ligne {{rouge|*/}}
quotes: '"\2018'" '"\2019'" '"\201c'" '"\201d'" {{rouge|/*}} guillemets de citation pour un paragraphe {{rouge|*/}}
}
p:lang(en-GB) { quotes: '"\2018'" '"\2019'" '"\201c'" '"\201d'"; }
p:lang(en-US) { quotes: '"\201c'" '"\201d'" '"\2018'" '"\2019'"; }
Les guillemets étant des caractères non-ASCII, on les mentionne en CSS après une barre de fraction, en indiquant le code Unicode en hexadécimal (U+00ab est le guillemet ouvrant français « <code>«</code> », U+00a0 est l'espace insécable…). Si on définit la page de code utilisée dans la feuille de style, on peut utiliser des caractères non-ASCII, mais la solution avec les barres de fraction inversée est universelle.
 
"<nowiki>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</nowiki>" {{vert|&gt;}}
{{bleu|&lt;html}} lang="fr" xml:lang="fr"{{bleu|&gt;}}
{{rouge|&lt;head&gt;}}
{{vert|&lt;style}} type="text/css"{{vert|&gt;}}
{{rouge|/*}} ********** Français ********** {{rouge|*/}}
HTML:lang(fr) { quotes: '"«\00a0'" '"\00a0»'"; } {{rouge|/*}} guillemets de citation pour tout le document {{rouge|*/}}
p:lang(fr) {
text-align: justify; {{rouge|/*}} texte justifié {{rouge|*/}}
margin-top: 0; {{rouge|/*}} pas de saut de ligne {{rouge|*/}}
margin-bottom: 0;
quotes: '"«\00a0'" '"\00a0»'"; {{rouge|/*}} guillemets de citation pour un paragraphe {{rouge|*/}}
}
{{rouge|/*}} ********** Anglais ********** {{rouge|*/}}
HTML:lang(en) { quotes: '"'" '"'" '"'" '"'"; } {{rouge|/*}} guillemets de citation pour tout le document {{rouge|*/}}
HTML:lang(en-GB) { quotes: '"'" '"'" '"'" '"'"; } {{rouge|/*}} 2 niveaux de citation {{rouge|*/}}
HTML:lang(en-US) { quotes: '"'" '"'" '"'" '"'"; } {{rouge|/*}} différents en GB et aux US {{rouge|*/}}
p:lang(en) {
text-align:left; {{rouge|/*}} texte aligné à gauche {{rouge|*/}}
margin-top: 1em;
margin-bottom: 1em; {{rouge|/*}} saut de ligne {{rouge|*/}}
quotes: '"'" '"'" '"'" '"'" {{rouge|/*}} guillemets de citation pour un paragraphe {{rouge|*/}}
}
p:lang(en-GB) { quotes: '"'" '"'" '"'" '"'"; }
p:lang(en-US) { quotes: '"'" '"'" '"'" '"'"; }
{{vert|&lt;/style&gt;}}
{{vert|&lt;/p&gt;}}
{{vert|&lt;p}} lang="en" xml:lang="en"{{vert|&gt;}}
This is a paragraph in english
{{bleu|&lt;q&gt;}}with a quotation and
{{vert|&lt;/p&gt;}}
{{vert|&lt;p}} lang="en-US" xml:lang="en-US"{{vert|&gt;}}
This is a paragraph in american english
{{bleu|&lt;q&gt;}}with a quotation and
13 668

modifications