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

Aller à la navigation Aller à la recherche
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|*/}}
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 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|*/}}
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;}}
13 672

modifications

Menu de navigation