html5_in_w3c_cheatsheet.html
15.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
@import "/QA/2006/01/blogstyle.css";
</style>
<meta name="keywords" content='' />
<meta name="description" content="From the very first release of the cheatsheet, I’ve received requests to include the various new elements and attributes of the HTML5 specification in the cheatsheet. As a reminder, the cheatsheet is a mobile-friendly Web application that provides a compilation..." />
<meta name="revision" content="$Id: html5_in_w3c_cheatsheet.html,v 1.27 2011/12/15 22:21:28 mirror Exp $" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="http://www.w3.org/QA/atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="http://www.w3.org/QA/news.rss" />
<title>HTML5 in W3C Cheatsheet - W3C Blog</title>
<link rel="start" href="http://www.w3.org/QA/" title="Home" />
<link rel="prev" href="http://www.w3.org/QA/2010/07/the_core_mission_of_w3c.html" title="The Core Mission of W3C" />
<link rel="next" href="http://www.w3.org/QA/2010/07/augmented_reality_a_point_of_i.html" title="Augmented Reality: A Point of Interest for the Web" />
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://www.w3.org/QA/2010/07/html5_in_w3c_cheatsheet.html"
trackback:ping="http://www.w3.org/QA/sununga/mt-tb.cgi/344"
dc:title="HTML5 in W3C Cheatsheet"
dc:identifier="http://www.w3.org/QA/2010/07/html5_in_w3c_cheatsheet.html"
dc:subject="HTML"
dc:description="From the very first release of the cheatsheet, I’ve received requests to include the various new elements and attributes of the HTML5 specification in the cheatsheet. As a reminder, the cheatsheet is a mobile-friendly Web application that provides a compilation..."
dc:creator="Dominique Hazaël-Massieux"
dc:date="2010-07-20T15:26:21+00:00" />
</rdf:RDF>
-->
<!-- <script type="text/javascript" src="http://www.w3.org/QA/mt.js"></script>-->
</head>
<body class="layout-one-column">
<div id="banner">
<h1 id="title">
<a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
W3C Blog
</h1>
</div>
<ul class="navbar" id="menu">
<li><strong><a href="/QA/" title="W3C Blog Home">[ W3C Blog ]</a></strong></li>
<li><a href="/QA/Library/" title="Documents and Publications on Web and Quality">Documents</a></li>
<li><a href="/QA/Tools/" accesskey="3" title="Validators and other Tools">Tools</a></li>
<li><a href="/2007/12/qa-blog-help/index#feedback">Feedback</a></li>
</ul>
<div id="searchbox">
<form method="get" action="http://www.google.com/custom" enctype="application/x-www-form-urlencoded">
<p id="formbox"><input type="text" size="15" class="textfield" name="q" accesskey="E" maxlength="255" /> <input type="submit" class="submitfield" value="Search" id="goButton" name="sa" accesskey="G" /> <input type="hidden" name="cof" value="T:black;LW:72;ALC:#ff3300;L:http://www.w3.org/Icons/w3c_home;LC:#000099;LH:48;BGC:white;AH:left;VLC:#660066;GL:0;AWFID:0b9847e42caf283e;" /><input type="hidden" id="searchW3C" name="sitesearch" checked="checked" value="www.w3.org/QA" /><input type="hidden" name="domains" value="www.w3.org/QA" /></p>
</form>
</div>
<div id="main"><!-- This DIV encapsulates everything in this page - necessary for the positioning -->
<p class="content-nav">
<a href="http://www.w3.org/QA/2010/07/the_core_mission_of_w3c.html">« The Core Mission of W3C</a> |
<a href="http://www.w3.org/QA/">Main</a>
| <a href="http://www.w3.org/QA/2010/07/augmented_reality_a_point_of_i.html">Augmented Reality: A Point of Interest for the Web »</a>
</p>
<h2 class="entry-header">HTML5 in W3C Cheatsheet</h2>
<div class="entry-body">
<p>From the very <a href="http://www.w3.org/QA/2009/11/w3c_cheatsheet_for_developers.html">first release of the cheatsheet</a>, I’ve received requests to include the various new elements and attributes of the <a href="http://dev.w3.org/html5/spec/">HTML5 specification</a> in the cheatsheet. As a reminder, the cheatsheet is a mobile-friendly Web application that provides a compilation of useful knowledge extracted from W3C specifications </p>
<p>At long last, I’ve finally managed to integrate these new elements in the latest <a href="http://www.w3.org/2009/cheatsheet/">release of the cheatsheet</a>, where you will now find all the new, changed, obsolete and removed elements and attributes in HTML5 highlighted:</p>
<p><img src="http://dev.w3.org/2009/cheatsheet/doc/video-select-sm.png" alt="Screenshot of video element in autocomplete list" /><img src="http://dev.w3.org/2009/cheatsheet/doc/video-data-sm.png" alt="Screenshot of details on video element" /></p>
<p>All the data are extracted from <a href="http://dev.w3.org/html5/markup/"><cite>HTML: The Markup Language Reference</cite></a>, the specification maintained by <a href="http://people.w3.org/mike/">Mike Smith</a> that describes the markup aspects of HTML5.</p>
<p>As always, this comes with a number of bug fixes, UI improvements (thanks to <a href="http://twitter.com/sorinstefan">Sorin Stefan</a>), and this release is both available in the <a href="http://www.w3.org/2009/cheatsheet/">Web version</a> and in the <a href="http://dev.w3.org/2009/cheatsheet/doc/android">Android application</a>.</p>
<p><img src="http://dev.w3.org/2009/cheatsheet/doc/android-qrcode-sm.png" alt="QR Code for cheatsheet on the Android market" /><br />QR Code for cheatsheet on the Android market</p>
<p>Obviously, I’m expecting to now get requests for another spec “du jour” (CSS3 anyone?), which clearly is in my roadmap — but as always, I’m very much interested in getting others to <a href="http://dev.w3.org/2009/cheatsheet/doc/developer.html">contribute to the work</a>.</p>
<p>Feedback, comments and suggestions are very much appreciated!</p>
</div>
<div id="more" class="entry-more">
</div>
<p class="postinfo">Filed by <a href="http://www.w3.org/People/Dom/">Dominique Hazaël-Massieux</a> on July 20, 2010 3:26 PM in <a href="http://www.w3.org/QA/archive/technology/html/">HTML</a>, <a href="http://www.w3.org/QA/archive/w3cqa_news/tools/">Tools</a><br />
<span class="separator">|</span> <a class="permalink" href="http://www.w3.org/QA/2010/07/html5_in_w3c_cheatsheet.html">Permalink</a>
| <a href="http://www.w3.org/QA/2010/07/html5_in_w3c_cheatsheet.html#comments">Comments (10)</a>
| <a href="http://www.w3.org/QA/2010/07/html5_in_w3c_cheatsheet.html#trackback">TrackBacks (0)</a>
</p>
<h3 class="comments-header" id="comments">Comments</h3>
<div class="comment" id="comment-197079">
<p class="comment-meta" id="c197079">
<span class="comment-meta-author"><strong>webender </strong></span>
<span class="comment-meta-date"><a href="#c197079">#</a> 2010-07-20</span>
</p>
<div class="comment-bulk">
<p>Hi,
first of all i would like to say thanx for this app. but i thought that that's app is very profesional and there is no example or sample codes. maybe other version, you will able to add some sample codes about the tags.
bye.</p>
</div>
</div>
<div class="comment" id="comment-197087">
<p class="comment-meta" id="c197087">
<span class="comment-meta-author"><strong>Josh </strong></span>
<span class="comment-meta-date"><a href="#c197087">#</a> 2010-07-20</span>
</p>
<div class="comment-bulk">
<p>I've noticed that the drop-down menu in the search tab won't work in the Firefox trunk builds, Minefield. Is this a bug in Minefield, or is this to do with the UA string?</p>
</div>
</div>
<div class="comment" id="comment-197091">
<p class="comment-meta" id="c197091">
<span class="comment-meta-author"><strong>Dom </strong></span>
<span class="comment-meta-date"><a href="#c197091">#</a> 2010-07-20</span>
</p>
<div class="comment-bulk">
<p>@Josh I'll look into it, thanks for the report.</p>
<p>(it's pretty likely a bug in the cheatsheet rather than in Minefield)</p>
</div>
</div>
<div class="comment" id="comment-197107">
<p class="comment-meta" id="c197107">
<span class="comment-meta-author"><strong>Dom </strong></span>
<span class="comment-meta-date"><a href="#c197107">#</a> 2010-07-20</span>
</p>
<div class="comment-bulk">
<p>@Josh this is now fixed, thanks again for the report.</p>
</div>
</div>
<div class="comment" id="comment-197365">
<p class="comment-meta" id="c197365">
<span class="comment-meta-author"><strong>Harish Sharma </strong></span>
<span class="comment-meta-date"><a href="#c197365">#</a> 2010-07-26</span>
</p>
<div class="comment-bulk">
<p>Hey,</p>
<p>It would be really great if we can have example and full description about a particular tag or element in the same page. Otherwise nice tool. :)</p>
<p>Thanks,
Harish</p>
</div>
</div>
<div class="comment" id="comment-197400">
<p class="comment-meta" id="c197400">
<span class="comment-meta-author"><strong>Alexis Deveria </strong></span>
<span class="comment-meta-date"><a href="#c197400">#</a> 2010-07-27</span>
</p>
<div class="comment-bulk">
<p>Great resource! Think I found some missing data though: the svg element doesn't seem to mention its "x" and "y" attributes. (see <a href="http://www.w3.org/TR/SVG/struct.html#SVGElementXAttribute" rel="nofollow">http://www.w3.org/TR/SVG/struct.html#SVGElementXAttribute</a> )</p>
<p>Thanks,</p>
<p>Alexis</p>
</div>
</div>
<div class="comment" id="comment-197723">
<p class="comment-meta" id="c197723">
<span class="comment-meta-author"><strong>Dom </strong></span>
<span class="comment-meta-date"><a href="#c197723">#</a> 2010-08-02</span>
</p>
<div class="comment-bulk">
<p>@Alexis The data for SVG is currently for SVG Tiny 1.2; the x and y attributes are only available on the SVG element in SVG Full 1.1.</p>
<p>(adding support for SVG 1.1 is on my todo list, though)</p>
</div>
</div>
<div class="comment" id="comment-198378">
<p class="comment-meta" id="c198378">
<span class="comment-meta-author"><strong>Marco Grazia </strong></span>
<span class="comment-meta-date"><a href="#c198378">#</a> 2010-08-11</span>
</p>
<div class="comment-bulk">
<p>To page for android ( html code at <a href="http://dev.w3.org/2009/cheatsheet/doc/android" rel="nofollow">http://dev.w3.org/2009/cheatsheet/doc/android</a> page ) there is an error in code.</p>
<p><p>The cheat sheet allows quick access to:</p>
<ul ..... <------ error
<li> the description of the various lang</p>
<p>missing closing tag of the element UL</p>
<p>Marco GRAZIA</p>
</div>
</div>
<div class="comment" id="comment-198885">
<p class="comment-meta" id="c198885">
<span class="comment-meta-author"><strong>Dom </strong></span>
<span class="comment-meta-date"><a href="#c198885">#</a> 2010-08-23</span>
</p>
<div class="comment-bulk">
<p>@Marco thanks for the report, this is now fixed.</p>
</div>
</div>
<div class="comment" id="comment-199216">
<p class="comment-meta" id="c199216">
<span class="comment-meta-author"><strong>Ramona Schittenhelm </strong></span>
<span class="comment-meta-date"><a href="#c199216">#</a> 2010-08-27</span>
</p>
<div class="comment-bulk">
<p>Hi, the application is very useful. Thanks a lot. Is there a possibility, getting more applications in the future?</p>
<p>Best regards, </p>
<p>Ramona Schittenhelm</p>
</div>
</div>
<div class="comments-open" id="comments-open">
<h3 class="comments-open-header">Leave a comment</h3>
<div class="comments-open-moderated">
<p>
Note: this blog is intended to foster <strong>polite
on-topic discussions</strong>. Comments failing these
requirements and spam will not get published. Please,
enter your real name and email address. Every
individual comment is reviewed by the W3C staff.
This may take some time, thank you for your patience.
</p>
<p>
You can use the following HTML markup (a href, b, i,
br/, p, strong, em, ul, ol, li, blockquote, pre)
and/or <a href="http://daringfireball.net/projects/markdown/syntax">Markdown syntax</a>.</p>
</div>
<div id="comments-open-data">
<form method="post" action="http://www.w3.org/QA/sununga/beach.pl" id="comments-form">
<h4>Your comment</h4>
<div id="comments-open-text">
<textarea id="comment-text" name="text" rows="20" cols="100"></textarea><br />
<label for="comment-text">Write your comment text here. Remember, keep the discussion on topic and courteous.</label>
</div>
<h4>About you</h4>
<div id="comment-form-name">
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="8858" />
<input type="hidden" name="__lang" value="en" />
<label for="comment-author">Your Name</label>
<input id="comment-author" name="author" size="30" value="" />
</div>
<div id="comment-form-email">
<label for="comment-email">Your Email Address</label>
<input id="comment-email" name="email" size="30" value="" />
</div>
<div id="comments-open-footer">
<input type="submit" accesskey="s" name="post" id="comment-submit" value="Submit" />
</div>
</form>
</div>
</div>
<p id="gentime">This page was last generated on $Date: 2011/12/15 22:21:28 $</p>
</div><!-- End of "main" DIV. -->
<address>
This blog is written by W3C staff and working group participants,<br />
and maintained by <a href="/People/CMercier/">Coralie Mercier</a>.<br />
Authorized parties may <a href="/QA/new">log in</a> to create a new entry.<br/>
<span id="poweredby">Powered by Movable Type, magpierss and a lot of Web Technology</span>
</address>
<p class="copyright">
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1994-2011
<a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>®
(<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>),
All Rights Reserved.
W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a>
rules apply. Your interactions with this site are in accordance
with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and
<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
statements.
</p>
</body>
</html>