cr éer des pages xhtml/html bidi
DESCRIPTION
Cr éer des pages XHTML/HTML bidi. Créer des pages qui prennent en charge l'arabe et l'hébreu. Richard Ishida W3C. Expliquer comment créer des pages XHTML et HTML qui contiennent du texte écrit dans l'écriture arabe ou l'écriture hébraïque. Objectifs. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/1.jpg)
CrCréer des pageséer des pages XHTML/HTML bidiXHTML/HTML bidi
Richard IshidaRichard IshidaW3CW3C
Créer des pages qui prennent en Créer des pages qui prennent en charge l'arabe et l'hébreucharge l'arabe et l'hébreu
![Page 2: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/2.jpg)
Obj
ectif
sO
bjec
tifs
Expliquer comment créer des pages XHTML et HTML qui contiennent du texte écrit dans l'écriture arabe ou l'écriture hébraïque
![Page 3: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/3.jpg)
Sou
rces
/ no
tes
Sou
rces
/ no
tes
Article: What you need to know about the bidi algorithm and inline markuphttp://www.w3.org/International/articles/inline-bidi-markup/
Authoring Techniques for XHTML & HTML Internationalization 1.0, Bidirectional texthttp://www.w3.org/International/geo/html-tech/tech-bidi.html
Ressources d'internationalisation du web produites par le groupe i18n du W3C (en anglais)http://www.w3.org/International/resource-index#bidi
![Page 4: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/4.jpg)
Pla
nP
lan
Premières approchesPremières approches Changer la directionalité d'un blocChanger la directionalité d'un bloc Mélanger la directionalité au sein d'un Mélanger la directionalité au sein d'un
paragrapheparagraphe Désactiver l'algorithmeDésactiver l'algorithme Et CSS alors ?Et CSS alors ?
![Page 5: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/5.jpg)
Pla
nP
lan
Premières approchesPremières approches Déclarer la directionalité du document Ne soyez pas dingue de balises Caractères Unicode ou balises ?
Changer la directionalité d'un blocChanger la directionalité d'un bloc Mélanger la directionalité au sein d'un Mélanger la directionalité au sein d'un
paragrapheparagraphe Désactiver l'algorithmeDésactiver l'algorithme Et CSS alors ?Et CSS alors ?
![Page 6: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/6.jpg)
Déclarer la directionalité du Déclarer la directionalité du documentdocument
![Page 7: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/7.jpg)
dir="rtl"
Déc
lare
r la
dire
ctio
nalit
é du
doc
umen
tD
écla
rer
la d
irect
iona
lité
du d
ocum
ent Utilisez l'attribut dir de la balise <html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rlt" lang="ar" xml:lang="ar" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>إتصال</title>
….
![Page 8: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/8.jpg)
Déc
lare
r la
dire
ctio
nalit
é du
doc
umen
tD
écla
rer
la d
irect
iona
lité
du d
ocum
ent Utilisez l'attribut dir de la balise <html>
![Page 9: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/9.jpg)
lang="ar" xml:lang="ar"
Déc
lare
r la
dire
ctio
nalit
é du
doc
umen
tD
écla
rer
la d
irect
iona
lité
du d
ocum
ent N'oubliez pas d'également déclarer la
langue sur la balise <html>. Mais n'utilisez pas d'attribut lang pour
déclarer la directionalité !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rlt" lang="ar" xml:lang="ar" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>إتصال</title>
….
![Page 10: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/10.jpg)
Déc
lare
r la
dire
ctio
nalit
é du
doc
umen
tD
écla
rer
la d
irect
iona
lité
du d
ocum
ent Résultat avec IE après avoir déclaré la
directionalité dans la balise <html>
![Page 11: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/11.jpg)
Ne soyez pas dingue de balisesNe soyez pas dingue de balises
![Page 12: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/12.jpg)
Ne
soye
z pa
s di
ngue
de
balis
esN
e so
yez
pas
ding
ue d
e ba
lises Profitez de l'héritage de la balise <html>
<h2 dir="rtl">القاموس</h2> <dl> <dt dir="rtl">المنالية</dt> <dd dir="rtl">ظر عن إعاقةهمV . سهولة منال للويب من قبل الجميع بصرف الن</dd>
<dt dir="rtl">برنامج التصديق</dt> <dd dir="rtl">
Vة صفحة ويب "أو VحقVق من صالحي VحقVق من . الفاليديتور" أداة للت على سبيل المثال، للتVة بزنامج تصديق يمكن أن تستخدم ، >span dir="ltr">HTML</span< صالحي
>span dir="ltr">W3C</span< </dd>
<dt dir="rtl">دويلV <dt/>الت <dd dir="rtl">
Vغات و تدويل الويب يسمح و يجعله سهل الستخدام موقعك باللVقافات المختلفة يناريوهات و الث Vالس.
</dd> </dl>
![Page 13: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/13.jpg)
Ne
soye
z pa
s di
ngue
de
balis
esN
e so
yez
pas
ding
ue d
e ba
lises Profitez de l'héritage de la balise <html>
<h2>القاموس</h2> <dl> <dt>المنالية</dt> <dd>ظر عن إعاقةهمV <dd/> . سهولة منال للويب من قبل الجميع بصرف الن
<dt>برنامج التصديق</dt> <dd>
Vة صفحة ويب "أو VحقVق من صالحي VحقVق من . الفاليديتور" أداة للت على سبيل المثال، للتVة W3C بزنامج تصديق يمكن أن تستخدم HTML ، صالحي
</dd>
<dt>دويلV <dt/>الت <dd>
Vغات و تدويل الويب يسمح و يجعله سهل الستخدام موقعك باللVقافات المختلفة يناريوهات و الث Vالس.
</dd> </dl>
![Page 14: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/14.jpg)
Caractères Unicode ou balises ?Caractères Unicode ou balises ?
![Page 15: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/15.jpg)
Car
actè
res
Uni
code
ou
balis
es ?
Car
actè
res
Uni
code
ou
balis
es ? Sauf si c'est impossible, utilisez le balisage
RLE
LRE
Caractère
RLO
LRO
U+202A
U+202B
Code
U+202E
U+202D
U+202C
dir = "rtl"
dir = "ltr"
Balisage équivalent
<bdo dir = "rtl">
<bdo dir = "ltr">
rien
</bdo>
![Page 16: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/16.jpg)
Car
actè
res
Uni
code
ou
balis
es ?
Car
actè
res
Uni
code
ou
balis
es ? Où employer des caractères Unicode
Dans des éléments qui n'acceptent que du texte (par ex. <title> )
![Page 17: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/17.jpg)
Car
actè
res
Uni
code
ou
balis
es ?
Car
actè
res
Uni
code
ou
balis
es ? Où employer des caractères Unicode
Text only elements (eg. <title> )
Le texte des attributs
<img src="logo.png" alt="פעילות הבינאום, W3C" />
![Page 18: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/18.jpg)
Car
actè
res
Uni
code
ou
balis
es ?
Car
actè
res
Uni
code
ou
balis
es ? Où employer des caractères Unicode
Consulter GEO FAQ: Bidi formatting codes vs. markup for XHTML/HTML
http://www.w3.org/International/questions/qa-bidi-controls.html
Text only elements (eg. <title> )
Le texte des attributs
(Remarque : ce genre de problèmes disparaîtra probablement dans XHTML 2.0)
![Page 19: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/19.jpg)
Out
line
Out
line
Premières approchesPremières approches
Changer la directionalité d'un blocChanger la directionalité d'un bloc Mélanger la directionalité au sein d'un Mélanger la directionalité au sein d'un
paragrapheparagraphe Désactiver l'algorithmeDésactiver l'algorithme Et CSS alors ?Et CSS alors ?
![Page 20: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/20.jpg)
Cha
nger
la d
irect
iona
lité
d'un
blo
cC
hang
er la
dire
ctio
nalit
é d'
un b
loc Ajoutez un attribut dir aux contenants de bloc
<p dir="ltr">مكتب W3C הישראלי</p>
![Page 21: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/21.jpg)
Out
line
Out
line
Premières approchesPremières approches Changer la directionalité d'un blocChanger la directionalité d'un bloc
Mélanger la directionalité au sein Mélanger la directionalité au sein d'un paragraphed'un paragraphe
Les bases de l'algorithme bidi Neutres situés entre deux passages de
directionalités différentes Neutres situés entre deux passages de directionalité
identique Emboîtement de passages directionnels Le phénomène de l' "espace manquante"
Désactiver l'algorithmeDésactiver l'algorithme Et CSS alors ?Et CSS alors ?
![Page 22: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/22.jpg)
Les bases de l'algorithme bidi Les bases de l'algorithme bidi
![Page 23: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/23.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Le
s ba
ses
de l'
algo
rithm
e bi
di Le typage directionnel des caractères
é LTR
![Page 24: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/24.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Le typage directionnel des caractères
ég LTR
![Page 25: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/25.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Le typage directionnel des caractères
égy LTR
![Page 26: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/26.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Le typage directionnel des caractères
égyp LTR
![Page 27: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/27.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Le typage directionnel des caractères
égypt LTR
![Page 28: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/28.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Le typage directionnel des caractères
égypte LTR
![Page 29: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/29.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Le typage directionnel des caractères
égypte
م
LTR
RTL
![Page 30: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/30.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Le typage directionnel des caractères
مص
LTR
RTL
égypte
![Page 31: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/31.jpg)
Leمصرs
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Le typage directionnel des caractères
LTR
RTL
égypte
![Page 32: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/32.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Passages directionnels
bahraïn مصر koweit
![Page 33: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/33.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Passages directionnels
bahraïn مصر koweitLTR
1 2 3
bahraïnمصر koweit RTL
3 2 1
![Page 34: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/34.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Caractères neutres
Le titre est مفتاح معايير الويب en arabe.
Entre 2 caractères de type fort différent : directionalité du contexte.
Entre 2 caractères de même type fort : même directionalité.
![Page 35: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/35.jpg)
Les
base
s de
l'al
gorit
hme
bidi
Les
base
s de
l'al
gorit
hme
bidi Chiffres
un deux خمس 1234 ثالثة
un deux خمس ١٢٣٤ ثالثة
![Page 36: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/36.jpg)
Neutres situés entre deux Neutres situés entre deux passages de directionalités passages de directionalités
différentesdifférentes
![Page 37: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/37.jpg)
Neu
tres
ent
re d
eux
pass
ages
diff
éren
tsN
eutr
es e
ntre
deu
x pa
ssag
es d
iffér
ents Les neutres situés entre deux passages
directionnels peuvent être affichés à la mauvaise place.
Le titre est "مفتاح معايير الويب!" en arabe.
✗
Le titre est "!مفتاح معايير الويب" en arabe.
✓
![Page 38: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/38.jpg)
"<span dir="rtl" lang="ar" xml:lang="ar">
! معاييرالويب مفتاح </span>"
Neu
tres
ent
re d
eux
pass
ages
diff
éren
tsN
eutr
es e
ntre
deu
x pa
ssag
es d
iffér
ents Utilisez du balisage pour déclarer un
nouveau niveau d'emboîtement directionnel…
Le titre est "مفتاح معايير الويب!" en arabe.
✗
Le titre est "!مفتاح معايير الويب" en arabe.
✓
![Page 39: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/39.jpg)
"‏!
الويب
Neu
tres
ent
re d
eux
pass
ages
diff
éren
tsN
eutr
es e
ntre
deu
x pa
ssag
es d
iffér
ents … ou des caractères RLM ou LRM.
Le titre est "مفتاح معايير الويب!" en arabe.
✗
Le titre est "!مفتاح معايير الويب" en arabe.
✓
![Page 40: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/40.jpg)
Neutres situés entre deux Neutres situés entre deux passages de directionalité passages de directionalité
identiqueidentique
![Page 41: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/41.jpg)
Neu
tres
ent
re d
eux
pass
ages
iden
tique
sN
eutr
es e
ntre
deu
x pa
ssag
es id
entiq
ues Des neutres entre deux passages
directionnels de directionalité identique peuvent être interprétés de manière erronée comme un seul passage directionnel.
The names of these states in Arabic
are البحرين, مصر and الكويت respectively.
✗
The names of these states in Arabic
are البحرين ,مصر and الكويت respectively.
✓
![Page 42: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/42.jpg)
;lrm&,مصر
البحرين
Neu
tres
ent
re d
eux
pass
ages
iden
tique
sN
eutr
es e
ntre
deu
x pa
ssag
es id
entiq
ues Utilisez un RLM ou un LRM. Pas du
balisage.
The names of these states in Arabic
are البحرين, مصر and الكويت respectively.
The names of these states in Arabic
are البحرين ,مصر and الكويت respectively.
✓
✗
![Page 43: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/43.jpg)
W3C ‏(World
Neu
tres
ent
re d
eux
pass
ages
iden
tique
sN
eutr
es e
ntre
deu
x pa
ssag
es id
entiq
ues Utilisez un RLM ou un LRM. Pas du
balisage.
( W3C (World Wide Web Consortium מעביר אתERCIM. -שירותי הארחה באירופה ל
W3C( World Wide Web Consortium ) מעביר אתERCIM. -שירותי הארחה באירופה ל
![Page 44: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/44.jpg)
Caractères miroitésCaractères miroités
![Page 45: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/45.jpg)
Car
actè
res
miro
ités
Car
actè
res
miro
ités L'apparence des caractères miroités est déterminée
par le contexte.
( W3C (World Wide Web Consortium מעביר את -שירותי הארחה באירופה ל
W3C( World Wide Web Consortium ) מעביר אתERCIM. -שירותי הארחה באירופה ל
.ERCIM
![Page 46: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/46.jpg)
Car
actè
res
miro
ités
Car
actè
res
miro
ités L'apparence des caractères miroités est déterminée
par le contexte. Traitez la PARENTHESE GAUCHE comme une
PARENTHESE OUVRANTE, etc.
( W3C (World Wide Web Consortium מעביר את -שירותי הארחה באירופה ל
W3C( World Wide Web Consortium ) מעביר אתERCIM. -שירותי הארחה באירופה ל
.ERCIM
![Page 47: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/47.jpg)
Emboîtement de passages Emboîtement de passages directionnelsdirectionnels
![Page 48: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/48.jpg)
"<span dir="rtl">W3C ,פעילות הבינאום</span>"
Em
boîte
men
t de
pass
ages
dire
ctio
nnel
sE
mbo
îtem
ent d
e pa
ssag
es d
irect
ionn
els Utilisez une balise pour déclarer un nouveau niveau
d'emboîtement
✗
✓The title says " .W3C " in Hebrewפעילות הבינאום,
Le titre est "פעילות הבינאום, W3C" en hébreu.
![Page 49: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/49.jpg)
Le phénomène de l' "espace Le phénomène de l' "espace manquante"manquante"
![Page 50: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/50.jpg)
.span> in Hebrew> פעילות הבינאום
Le p
héno
mèn
e de
l' "
espa
ce m
anqu
ante
"Le
phé
nom
ène
de l'
"es
pace
man
quan
te" Ne laissez pas d'espace devant la balise fermante
des éléments qui changent la directionalité
✓The title saysפעילות הבינאום in Hebrew.
✗The title saysפעילות הבינאוםin Hebrew.
![Page 51: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/51.jpg)
Le p
héno
mèn
e de
l' "
espa
ce m
anqu
ante
"Le
phé
nom
ène
de l'
"es
pace
man
quan
te" Ne laissez pas d'espace devant la balise fermante
des éléments qui changent la directionalité
✓The title saysפעילות הבינאום in Hebrew.
✗The title saysפעילות הבינאוםin Hebrew.
Consultez GEO FAQ: Bidi space loss
http://www.w3.org/International/questions/qa-bidi-space
![Page 52: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/52.jpg)
Out
line
Out
line
Premières approchesPremières approches Changer la directionalité d'un blocChanger la directionalité d'un bloc Mélanger la directionalité au sein d'un Mélanger la directionalité au sein d'un
paragrapheparagraphe
Désactiver l'algorithmeDésactiver l'algorithme Et CSS alors ?Et CSS alors ?
![Page 53: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/53.jpg)
<p><bdo dir="ltr">W3C , הבינאום פעילות</bdo></p>
Dés
activ
er l'
algo
rithm
eD
ésac
tiver
l'al
gorit
hme Utilisez l'élément <bdo>
וליעפ ה ת W3C ,םואניב
Dans la phrase "W3C , הבינאום l'ordre des ,"פעילותcaractères en mémoire est le suivant :
![Page 54: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/54.jpg)
Dés
activ
er l'
algo
rithm
eD
ésac
tiver
l'al
gorit
hme Utilisez l'élément <bdo>
וליעפ ה ת W3C ,םואניב
Dans la phrase "W3C , הבינאום l'ordre des ,"פעילותcaractères en mémoire est le suivant :
En XHTML 2.0, l'élément <bdo> sera probablement remplacé par les valeurs rlo et lro ajoutés à l'attribut dir.
![Page 55: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/55.jpg)
Out
line
Out
line
Premières approchesPremières approches Changer la directionalité d'un blocChanger la directionalité d'un bloc Mélanger la directionalité au sein d'un Mélanger la directionalité au sein d'un
paragrapheparagraphe Désactiver l'algorithmeDésactiver l'algorithme
Et CSS alors ?Et CSS alors ? HTML et XHTML renvoyé comme du text/html XHTML renvoyé comme du XML
![Page 56: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/56.jpg)
HTML et XHTML renvoyé HTML et XHTML renvoyé comme du text/htmlcomme du text/html
![Page 57: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/57.jpg)
HT
ML
et X
HT
ML
text
/htm
lH
TM
L et
XH
TM
L te
xt/h
tml N'utilisez que du balisage !
La spec HTML définit le comportement que doivent adopter les clients à l'égard du balisage bidi
La spec CSS recommande l'utilisation de balises et précise que les clients HTML conformes peuvent même ignorer les propriétés bidi CSS
N'utilisez donc pas du tout les propriétés bidi de CSS !
![Page 58: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/58.jpg)
XHTML renvoyé comme du XHTML renvoyé comme du XMLXML
![Page 59: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/59.jpg)
XH
TM
L re
nvoy
é co
mm
e du
XM
LX
HT
ML
renv
oyé
com
me
du X
ML N'utilisez que le balisage bidi et définissez
les propriétés CSS suivantes …
*[dir="ltr"] { unicode-bidi: embed; direction: ltr}
*[dir="rtl"] { unicode-bidi: embed; direction: rtl}
bdo [dir="ltr"] { unicode-bidi: bidi-override; direction: ltr}
bdo [dir="rtl"] { unicode-bidi: bidi-override; direction: rtl}
Consulter GEO FAQ: CSS vs. markup for bidi support
http://www.w3.org/International/questions/qa-bidi-css-markup.html
![Page 60: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/60.jpg)
Out
line
Out
line
Premières approchesPremières approches Changer la directionalité d'un blocChanger la directionalité d'un bloc Mélanger la directionalité au sein d'un Mélanger la directionalité au sein d'un
paragrapheparagraphe Désactiver l'algorithmeDésactiver l'algorithme Et CSS alors ?Et CSS alors ?
![Page 61: Cr éer des pages XHTML/HTML bidi](https://reader035.vdocuments.mx/reader035/viewer/2022062519/56815186550346895dbfbcc2/html5/thumbnails/61.jpg)
MerciMerci
http://www.w3.org/International/
http://www.w3.org/2004/Talks/0925-ishida-ircam/bidi.pdf