HTML5 Guidelines for Web Developers

266 Chapter 11—Microdata 11.1.2 The “itemtype” Attribute We do not have far to go during our search for standardized dialects. T ...

11.1 The Syntax of Microdata 267 SUMMARY:Orchestrion END:VEVENT END:VCALENDAR The conversion of microdata to the iCal format is ...

268 Chapter 11—Microdata <a href=http://openweb.cc itemprop=url>openWeb.cc</a> </div> </article> 11.1.3 ...

11.2 The Microdata DOM API 269 Lyle Mays Pat Metheny Group In this example, the two paragraphs of the blog entry are divided ...

270 Chapter 11—Microdata Starting from the relevant top-level item, we can then work towards the prop- erties defined with itemp ...

Summary 271 Summary In this chapter we take a closer look at the syntax of microdata, a mechanism to add semantic markup to docu ...

This page intentionally left blank ...

12 Finishing Touches: Some Global Attributes In this last chapter, we will look at some seemingly insignificant global attribute ...

274 Chapter 12—Finishing Touches:Some Global Attributes The game will consist of an HTML part, a script part, and a CSS part. Al ...

12.2 Defining Custom Attributes with “data-*” 275 var mmm = document.getElementsByClassName('red apple'); This helps us find all ...

276 Chapter 12—Finishing Touches:Some Global Attributes 12.3 The “hidden” Attribute In the HTML Working Group, the hidden attrib ...

12.4 The “classList” Interface 277 li.classList.item(1) => apple li.classList.contains('red') => true li.classList.contain ...

278 Chapter 12—Finishing Touches:Some Global Attributes Figure 12.1 Static basic layout of the 1-2-3-4! game As you can see in t ...

12.5 Drag and Drop with the “draggable” Attribute 279 Deciding where the dragged element can be dropped Extracting the data as ...

280 Chapter 12—Finishing Touches:Some Global Attributes <li ondragenter="return false;" ondragover="return false;" ondrop="dr ...

12.5 Drag and Drop with the “draggable” Attribute 281 color: #AAA; background-color: #EEE; border-color: #AAA; } .aInactive { po ...

282 Chapter 12—Finishing Touches:Some Global Attributes Figure 12.2 The game “1-2-3-4!” in action The DataTransfer object also p ...

12.5 Drag and Drop with the “draggable” Attribute 283 When dragging elements with microdata attributes, all values are automatic ...

284 Chapter 12—Finishing Touches:Some Global Attributes permits combinations, such as copyLink, copyMove, or linkMove, marking b ...

12.5 Drag and Drop with the “draggable” Attribute 285 Figure 12.4 Drag and drop in combination with “FileAPI” Let’s begin by pre ...