HTML5の過去、現在、未来 2009.09.25. 情報処理学会第73回デジタルドキュメント研究会招待講演 Keynoteファイルが必要な方はご連絡下さい。 2009.10.03. 補足：21ページ(HTML syntaxの例)に誤解を招く表現がありましたので、修正版を改めてアップロードしました。ダウンロードされた方は、お手数ですが修正版を再度ダウンロードしていただければ幸いです。

1. 1

2. XHTML 2 Working Group Expected to Stop
Work End of 2009, W3C to Increase
Resources on HTML 5
2009-07-02: Today the Director announces that when the XHTML
2 Working Group charter expires as scheduled at the end of 2009,
the charter will not be renewed. By doing so, and by increasing
resources in the HTML Working Group, W3C hopes to accelerate
the progress of HTML 5 and clarify W3C's position regarding the
future of HTML. A FAQ answers questions about the future of
deliverables of the XHTML 2 Working Group, and the status of
various discussions related to HTML. Learn more about the
HTML Activity.
-- http://www.w3.org/News/2009#item119
2

3. 3

4. 4

5. 1) http://en.wikipedia.org/wiki/HTML
2) http://www.kanzaki.com/docs/html/htminfo-ex1.html
5

6. 6

7. 7

8. ≓
8

9. 9

10. This document type is designed to be portable to a
broad collection of client devices, and applicable to the
majority of Internet content.
-- http://www.w3.org/TR/xhtml11/introduction.html
It is designed for Web clients that do not support the full
set of XHTML features; for example, Web clients such
as mobile phones, PDAs, pagers, and settop boxes.
-- http://www.w3.org/TR/2000/REC-xhtml-basic-20001219
10

11. 11

12. http://www.w3.org/TR/2006/WD-xhtml2-20060726
12

13. 13

14. W3C is pleased to announce the new HTML Working Group,
chartered to create the next HTML standard with the active
participation of browser vendors, software developers, and content
designers. "It's time to revisit the standard and see what we can do
to meet the current community needs, and to do so effectively with
commitments from browser manufacturers in a visible and open
way," said Tim Berners-Lee, W3C Director.
-- http://www.w3.org/QA/2007/03/new-html-working-wg.html
14

15. “The new technologies being developed by the W3C ... are often
designed to address other needs and only consider Web
Applications in a peripheral way.”
-- http://www.whatwg.org/news/start
15

16. 16

17. 17

18. 18

19. This specification defines the 5th major revision of the
core language of the World Wide Web: the Hypertext
Markup Language (HTML). In this version, new features
are introduced to help Web application authors, new
elements are introduced based on research into prevailing
authoring practices, and special attention has been given
to defining clear conformance criteria for user agents in
an effort to improve interoperability.
-- http://www.w3.org/TR/html5
19

20. Web
Workers
Web
Database
HTML5
CSS Web Storage
JavaScript Web Sockets
Geolocation
API
20

21. 21

22. 22

23. http://www.w3.org/TR/html5/semantics.html#the-title-element-0
23

24. text/html application/xhtml+xml
HTML XML
parser parser
HTML XML
document document
24

25. [1] http://hsivonen.iki.fi/doctype/
25

26. 26

27. http://www.w3.org/TR/2009/WD-html5-20090825/
27

28. (heading)
sectioning
content (article,
aside, nav,
section)
28

29. http://www.w3.org/TR/html5/text-level-semantics.html#the-var-element
29

30. <ruby>
<rp>(</rp><rt> </rt><rp>)</rp>
<rp>(</rp><rt> </rt><rp>)</rp>
</ruby>
http://www.w3.org/TR/html5/text-level-semantics.html#the-rp-element
[1] http://www.w3.org/TR/ruby/
30

31. 31

32. 32

33. 33

34. 34

35. 35

36. 36

37. clock.cache
clock.html
clock.js
37

38. http://example.com
var o = document.getElementsByTagName('iframe')[0];
o.contentWindow.postMessage('Hello world', 'http://b.example.org/');
iframe (http://b.example.com)
window.addEventListener('message', receiver, false);
function receiver(e) {
if (e.origin == 'http://example.com') {
if (e.data == 'Hello world') {
e.source.postMessage('Hello', e.origin);
} else {
alert(e.data);
}
}
}
http://www.w3.org/TR/html5/comms.html#crossDocumentMessages
38

39. 39

40. 40

41. 41

42. http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2009-May/019681.html
42

43. http://www.w3.org/TR/rdf-primer/
43

44. http://www.w3.org/TR/rdfa-syntax/
44

45. http://www.w3.org/TR/rdfa-syntax/
45

46. http://www.w3.org/TR/rdfa-syntax/
46

47. http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2009-May/019681.html
47

48. http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2009-May/019681.html
48

49. 49

50. 50

51. 51

52. 52

53. 53

54. var cat = document.getItems('org.example.animals.cat')[0];
var colors = cat.properties['com.example.color'].contents;
var result;
if (colors.length == 0) {
result = 'Color unknown.';
} else if (colors.length == 1) {
result = 'Color: ' + colors[0];
} else {
result = 'Colors:';
for (var i = 0; i < colors.length; i += 1)
result += ' ' + colors[i];
} http://www.w3.org/TR/html5/microdata.html#using-the-microdata-dom-api
54

55. 55

56. 56

57. 57

58. 58