OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html lang="en"> | 2 <html lang="en"> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <title>The dir attribute: isolated from following number with intervening neutra
ls, opposite direction</title> | 5 <title>The dir attribute: isolated from following number with intervening neutra
ls, opposite direction</title> |
6 <link rel="author" title='Richard Ishida' href='mailto:ishida@w3.org'> | 6 <link rel="author" title='Richard Ishida' href='mailto:ishida@w3.org'> |
7 <link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating
-to-the-bidirectional-algorithm'> | 7 <link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating
-to-the-bidirectional-algorithm'> |
8 <link rel='match' href='reference/dir-isolation-002a-ref.html'> | 8 <link rel='match' href='reference/dir-isolation-002a-ref.html'> |
9 <meta name='assert' content='Element content with a dir attribute is treated as
a neutral character and directionally isolated from a following number.'> | 9 <meta name='assert' content='Element content with a dir attribute is treated as
a neutral character and directionally isolated from a following number.'> |
10 <style type="text/css"> | 10 <style type="text/css"> |
11 .test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-ri
ght: 200px; padding: 5px; clear: both; } | 11 .test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-ri
ght: 200px; padding: 5px; clear: both; } |
12 input { margin: 5px; } | 12 input { margin: 5px; } |
13 </style> | 13 </style> |
14 </head> | 14 </head> |
15 <body> | 15 <body> |
16 <p class="instructions" dir="ltr" style="display:none">Test passes if the two bo
xes are identical.</p> | 16 <p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p
> |
17 <!-- Notes: | 17 <!--Notes: |
18 Key to entities used below: | 18 Key to entities used below: |
19 א ... ו - The first six Hebrew letters (strongly RTL). | 19 א ... ו - The first six Hebrew letters (strongly RTL). |
20 ‭ - The LRO (left-to-right-override) formatting character. | 20 ‭ - The LRO (left-to-right-override) formatting character. |
21 ‬ - The PDF (pop directional formatting) formatting character; closes LRO
. | 21 ‬ - The PDF (pop directional formatting) formatting character; closes LRO
. |
22 The punctuation is moved around in the source to make it easier to do visual com
parisons when the test is run. | 22 The punctuation is moved around in the source to make it easier to do visual com
parisons when the test is run. |
23 --> | 23 --> |
24 <div class="test"> | 24 <div class="test"> |
25 <div dir="ltr"><span dir="rtl">> א ></span> > 3 ></div> | 25 <div dir="ltr"><span dir="rtl">> א ></span> > 3 ></div> |
26 <div dir="ltr"><span dir="rtl">> a ></span> > 3 ></div> | 26 <div dir="ltr"><span dir="rtl">> a ></span> > 3 ></div> |
27 <div dir="rtl"><span dir="ltr">> א ></span> > 3 ></div> | 27 <div dir="rtl"><span dir="ltr">> א ></span> > 3 ></div> |
28 <div dir="rtl"><span dir="ltr">> a ></span> > 3 ></div> | 28 <div dir="rtl"><span dir="ltr">> a ></span> > 3 ></div> |
29 </div> | 29 </div> |
30 <div class="ref"> | 30 <div class="ref"> |
31 <div dir="ltr">‭< א < > 3 >‬</div> | 31 <div dir="ltr">‭< א < > 3 >‬</div> |
32 <div dir="ltr">‭< a < > 3 >‬</div> | 32 <div dir="ltr">‭< a < > 3 >‬</div> |
33 <div dir="rtl">‭< 3 < > א >‬</div> | 33 <div dir="rtl">‭< 3 < > א >‬</div> |
34 <div dir="rtl">‭< 3 < > a >‬</div> | 34 <div dir="rtl">‭< 3 < > a >‬</div> |
35 </div> | 35 </div> |
36 </body></html> | 36 </body></html> |
OLD | NEW |