Presentation is loading. Please wait.

Presentation is loading. Please wait.

Richard Ishida and Addison Phillips W3C Internationalization Activity Towards the Promised Land: Globalization Developments in Web Standards.

Similar presentations


Presentation on theme: "Richard Ishida and Addison Phillips W3C Internationalization Activity Towards the Promised Land: Globalization Developments in Web Standards."— Presentation transcript:

1 Richard Ishida and Addison Phillips W3C Internationalization Activity Towards the Promised Land: Globalization Developments in Web Standards

2 Vastly improved or room for improvement? Why the promised land? The promise of a multilingual Web is being realized and new W3C specifications help demonstrate that. … but weve been waiting a long time. Why only towards Many features well talk about today are not implemented yet or are partially implemented. Many features are implemented.

3 What issues are more or less solved on the Web? What are we doing to address the remaining problems? How can you influence the outcomes?

4 What do we mean by "HTML5"

5 Characters Language Bidirectional text Date & time JavaScript Widgets and Web apps

6 Characters Language Date & time Bidirectional text CSS3: Global ready presentation JavaScript Widgets and Web apps

7 جعل شبكة الويب العالميّة عالميّة حقًّا! وب جهانی را بهدرستی جهانی سازیم! عالمگیر ویب کو حقیقی طور پر عالمگیر بنانا Համաշխարհային ցանցն իրոք համաշխարհային դարձնելը. "Дүниежүзілік торды" нағыз дүниежүзілік етеміз! ! Κάνοντας τον Παγκόσμιο Ιστό πραγματικά Παγκόσμιο - ! ליצור מהרשת רשת כלל עולמית באמת! ˈ me ɪ k ɪ ŋ ðə w ɜː ld wa ɪ d w ɛ b ˈ tru ː l ɪ ˈ w ɜː ld ˈ wa ɪ d ! Gwneud y we fyd-eang yn wirioneddol fyd-eang! World Wide Web "The Path W3C follows to making text on the Web truly global is Unicode." Tim Berners-Lee Unicode

8 جعل شبكة الويب العالميّة عالميّة حقًّا! وب جهانی را بهدرستی جهانی سازیم! عالمگیر ویب کو حقیقی طور پر عالمگیر بنانا Համաշխարհային ցանցն իրոք համաշխարհային դարձնելը. "Дүниежүзілік торды" нағыз дүниежүзілік етеміз! ! Κάνοντας τον Παγκόσμιο Ιστό πραγματικά Παγκόσμιο - ! ליצור מהרשת רשת כלל עולמית באמת! ˈ me ɪ k ɪ ŋ ðə w ɜː ld wa ɪ d w ɛ b ˈ tru ː l ɪ ˈ w ɜː ld ˈ wa ɪ d ! Gwneud y we fyd-eang yn wirioneddol fyd-eang! World Wide Web Unicode on the Web Other UTF-8 ASCII

9 Encoding declarations Strong encouragement to use UTF-8. New meta charset declaration. Either approach will work, but check you don't have both. Must be completely within the first 1024 bytes of the file.

10 Polyglot documents... Strong encouragement to use UTF-8. New meta charset declaration. Either approach will work, but check you don't have both. Must be completely within the first 1024 bytes of the file. Polyglot documents use UTF-8 only, but no XML declaration.

11 UTF-16 documents... Strong encouragement to use UTF-8. New meta charset declaration. Either approach will work, but check you don't have both. Must be completely within the first 1024 bytes of the file. Polyglot documents use UTF-8 only, but no XML declaration. Must NOT use this for UTF-16. HTML5 will rely on the byte-order mark.

12 charset attributes Not well supported by browsers. Hard to ensure it continues to be correct. There are better ways to do it. See our list of publications.

13 charset attributes Not well supported by browsers. Hard to ensure it continues to be correct. There are better ways to do it. Do not use with link or a elements. Ok for script element. See our list of publications.

14 Unicode versions and ids (Coccinellidae),.,.,...

15 (Coccinellidae),.,.,... Unicode versions and ids

16 Ízelítőül NFD Ízelítőül NFC Ha a világ beszélni akarna, Unicode-ul szólalna meg. Regisztráljon már most a Tizedik Nemzetközi Unicode Konferenciára, melyet március én rendeznek Meinz-ban, Németországban. Ezen a konferencián az iparág több neves szakértője is résztvesz. Ízelítőül a témákból: a világháló és a Unicode nemzetközisítése és lokalizálása, a Unicode alkalmazása működő rendszerekben és alkalmazásokban, szövegelrendezésnél, és többnyelvű számítógépeken. Normalization

17 Character Model for the World Wide Web

18 Scheme Domain name Path IDN xn--jp-cd2fp15c.xn--fsq.jp Web resource identifiers

19 IDN Al-Saudiah Emarat Misr السعودية امارات مصر Web resource identifiers

20 Scheme Domain name Path /dir1/%E5%BC%95%E3%81%8D%E5%89%B2%E3%82%8A.html IRI Web resource identifiers

21 Characters Language Date & time Bidirectional text CSS3: Global ready presentation JavaScript Widgets and Web apps

22 ... Attributes indicate the language of text inside that element for text processors. Only one language value allowed. Meta elements indicate the language of the expected readership. Multiple languages are ok. Attributes override other declarations. Language declarations

23 ... Attributes indicate the language of text inside that element for text processors. Only one language value allowed. Meta elements indicate the language of the expected readership. Multiple languages are ok. Attributes override other declarations. The meta element with Content- Language is now non-conforming. Language declarations

24 Basis for Java7, JavaScript, PHP,.Net and other locales -u- extension –Unicode Locales (RFC 6067) :lang pseudo-attribute –CSS selection -t- extension –Transliterations and transformations (Internet-Draft in Last Call) BCP 47 improvements

25 Characters Language Date & time Bidirectional text CSS3: Global ready presentation JavaScript Widgets and Web apps

26 8 New to HTML5

27 Locale sensitivityocale based formatting Still an issue for the Web –Date pickers not locale or language sensitive –No markup-based control over format –Time zone support is spotty

28 Characters Language Date & time Bidirectional text CSS3: Global ready presentation JavaScript Widgets and Web apps

29 نشاط التدويل، W3C W3C نشاط التدويل، W3C نشاط التدويل، Bidirectional text support

30 Bidi isolation for inserted text לילית - 5 reviews

31 CSS3 added the isolate value to the unicode- bidi property. HTML5 adds a new element, with unicode- bidi:isolate in the default stylesheet. The element behaves the same way. לילית - 5 reviews Bidi isolation for inserted text

32 Determining direction at run time

33 Determining direction at run time

34 HTML5 adds new auto value for the dir attribute. CSS3 adds a plaintext value to the unicode-bidi property to allow per- paragraph auto-direction, primarily for use on and elements. dir=auto sets the unicode-bidi CSS property to plaintext for and elements, to bidi-override isolate for elements, and to isolate otherwise. It estimates a direction according to the UBA method. Your search - הצהרות קידוד תווי CSS - did not match any documents. Determining direction at run time

35 Reporting the chosen direction of and in form submissions should should serve as a bidi separator Block elements as bidi separators should support the dir attribute should support the dir attribute and be displayed accordingly both in the dropdown and after being chosen... Other bidi changes

36 Characters Language Date & time Bidirectional text CSS3: Global ready presentation JavaScript Widgets and Web apps

37 Implementers of user agents need to be prodded by the public to support the developing marketplace ! A hanging alphabetic ideographic CSS3

38 Writing Mode CSS3 has a new module for writing mode that supports vertical text.

39 Vertical text

40

41

42 Ruby annotation

43 Ruby annotation

44 Requirements for Japanese Layout

45 ویب کو حقیقی طور پر عالمگیر بنانا Web fonts

46 @font-face { font-family: 'battambang-woff'; font-style: normal; font-weight: normal; src: url(fonts/khmerosbbang.woff); } :lang(kh) { font-family: 'battambang-woff'; font-size: 100%; } Rendering detail for complex fonts. Subsetting capability may be needed. Can only be used for fonts with an appropriate licence. Issues Web fonts

47 OpenType feature support by language

48 Zusätzlich erleichtert PLS die Eingrenzung von Anwendungen, indem es Aussprachebelang e von anderen Teilen der Anwendung abtrennt. * { hyphens: auto; } Zusätzlich er- leichtert PLS die Eingrenzung von Anwendungen, in- dem es Aussprac- hebelange von an-deren Teilen der Anwendung ab-trennt. Hyphenation

49 Hyphenation Support Hyphenation support is starting to become available. –Still works best with embedded (server-side) hinting –Language support?? Still in flux… development needed

50 The q element Some Norwegian text More Norwegian still more Norwegian. Some English Norwegian text «more norwegian "more norwegian"». :lang(en) > * { quotes: '"' '"' "'" "'"; } :lang(no) > * { quotes: "«" "»" '"' '"' }

51 Characters Language Date & time Bidirectional text CSS3: Global ready presentation JavaScript Widgets and Web apps

52 JavaScript gets a locale JS-I18N extension work –Locales based on BCP 47 language tags –Date, number formatting –Collation –and more…

53 Examples (Kindle Touch browser)

54 Webapps at W3C Various technologies that make Web-based applications possible are under development. Some samples: –IDL –Web sockets, Web storage, Web workers –XHR –Widgets –Selectors –File APIs –DOM

55 The Widget Spec Widget containers deliver apps cross-platform based on HTML5 –Extensive localization model –Ability to set base locale Weather! a totally awesome application! Weather! برنامه واقعا بزرگ

56 Webapps A standard HTML5/CSS3 Widget using P&C

57 Characters Language Date & time Bidirectional text CSS3: Global ready presentation JavaScript Widgets and Web apps Best practices

58 markup for bidirectional text normalization working with case sensitivity more information about date & time … Capturing guidance for spec developers and implementers (and you)

59 Tests

60 Articles Tutorials Technical notes Tests Talks Tools Reviews Internationalization resources

61 Creating HTML & CSS I18n resources

62 Language I18n resources

63 Choosing language values I18n resources

64

65

66 1.Discover 2.Check Checker tool

67 Getting involved…

68 Getting involved Follow the discussions on the i18n mailing lists (eg. www- and track other technologies for internationally relevant topics. Follow our RSS feeds and twitter channels Read and review specifications (http://www.w3.org/TR/tr- technology-drafts) and send comments to the i18n list or direct to the Working Group. Discuss local requirements for the Multilingual Web, and if you identify missing features, find ways to coordinate proposals. Use features needed for non-Latin script support and push implementers to include more in browsers and authoring tools.

69 The Web needs your help this is your Web – not the W3C's we need You to make the Web worldwide get involved Thank you


Download ppt "Richard Ishida and Addison Phillips W3C Internationalization Activity Towards the Promised Land: Globalization Developments in Web Standards."

Similar presentations


Ads by Google