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

L'exemple suivant est une feuille de style (écrite en CSS) 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 en indiquant le code Unicode en hexadécimal après une barre de fraction (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.

 

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