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

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|*/}}

p:lang(fr) {

text-align: justify; {{rouge|/*}} texte justifié {{rouge|*/}}

margin-top: 0; {{rouge|/*}} pas de saut de ligne {{rouge|*/}}

margin-bottom: 0;

}

{{rouge|/*}} ********** Anglais ********** {{rouge|*/}}

p:lang(en) {

text-align:left; {{rouge|/*}} texte aligné à gauche {{rouge|*/}}

margin-top: 1em;

margin-bottom: 1em; {{rouge|/*}} saut de ligne {{rouge|*/}}

}

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;}}

{{rouge|&lt;head&gt;}}

{{vert|&lt;style}} type="text/css"{{vert|&gt;}}

{{rouge|/*}} ********** Français ********** {{rouge|*/}}

p:lang(fr) {

text-align: justify; {{rouge|/*}} texte justifié {{rouge|*/}}

margin-top: 0; {{rouge|/*}} pas de saut de ligne {{rouge|*/}}

margin-bottom: 0;

}

{{rouge|/*}} ********** Anglais ********** {{rouge|*/}}

p:lang(en) {

text-align:left; {{rouge|/*}} texte aligné à gauche {{rouge|*/}}

margin-top: 1em;

margin-bottom: 1em; {{rouge|/*}} saut de ligne {{rouge|*/}}

}

{{vert|&lt;/style&gt;}}

{{vert|&lt;/p&gt;}}

This is a paragraph in english

{{bleu|&lt;q&gt;}}with a quotation and

{{vert|&lt;/p&gt;}}

This is a paragraph in american english

{{bleu|&lt;q&gt;}}with a quotation and