The Truth About HTML5 is for web designers, web developers, and front-end coders who want to get up to speed with HTML5. The book isn't afraid to point out what everyone gets wrong about HTML5's new markup, so you don't make the same mistakes. It will show you what rocks in HTML5 today and what the future holds.
Marking up a basic web page shouldn't be a quasi-religious exercise where the high priests of HTML5 must be consulted for their interpretation of the holy texts (the HTML5 spec). Don't waste hours trawling through confusing, poorly researched, and often flat-out wrong information on the Internet. Get the truth on HTML5's markup here. You'll also find out about HTML5's new microdata standard that's being used on major websites, such as eBay and IMDB, right now, and get the low-down on the Canvas object and what it can and can't do for you. The book also covers how HTML5 affects CMSs and web apps, what HTML5 means for mobile, and what the future holds.
HTML5 isn't one big blob of technology that will be "finished" at some point in the future. It's a grab bag of cool stuff, much of which has been around for years. Learn what's well supported and ready to go today. Now that the initial wave of hype is over, it's time to learn the truth about HTML5.
What you'll learn
How to write elegant and up-to-date HTML5 markup
How to use microdata - the future of the semantic web
What the Canvas object can and can't do, and how to use it correctly
How to use new features such as enhanced forms and video and audio
Which HTML5 features are production ready, and what the future holds
Who this book is for
The Truth About HTML5 is for web developers and designers who want to start using HTML5 properly in their web projects. Now that the dust has settled on HTML5, it's a good time for beginners to jump aboard, and for experienced developers to take stock of what's out there.
Table of Contents
- Title Page
- Contents at a Glance
- About the Author
- About the Technical Reviewer
CHAPTER 1: A Somewhat Sensationalized History of HTML5
- How Architecture Astronauts and the W3C Tried to Kill HTML
- You Probably Use XML
- XHTML 2.0: Unloved and Alone
- HTML5: A New Hope . . . We Hope
- HTML5 Is the New Black or Hotness or Something
- Hixie or Bust
- XHTML 2.0 Is Dead and Everyone Is Happy
- HTML5 . . . er . . . HTML, wait . . . HTML.next?
- Should We Just Kill Off the W3C Altogether or Embrace It?
- How Does New Stuff Get Added to HTML5 Now?
- WHATWG and W3C Diversions
- What We’ll Be Focusing On
- CHAPTER 2: The Truth About a Basic HTML5 Web Page
CHAPTER 3: The Truth About Structuring an HTML5 Page
- A Little Taste of Pain: The Sectioning Elements
- Where Did These Elements Come From?
- Who Cares?
- The Contradiction at the Heart of HTML5’s New Elements
- Outline What?
- What Is an Outline, and Why Should I Care?
- How We Currently Create Outlines (Even Without Realizing It)
- “Sectioning” Is an Old Problem
- If We Care About Blind Users, We Should Care About Headings
- HTML5’s “Improved” Outlining Was Dead Before It Ever Shipped
- Sneaking in Big Ideas Leads to Dead Ideas
- We Forked the Spec
- The Exception Is <main> (Sort Of)
- How Should We Structure an HTML5 Page?
- Styling Headings HTML5-Style Is Kind of Insane
- This Is Not Inconsequential: People Have to Teach This Stuff
- Where Does This Leave Us?
- A Sane Approach to Structural Markup for Accessibility
- ARIA Benefits
- Layout Recommendations
- CHAPTER 4: The Truth About HTML5’s Structural Elements
CHAPTER 5: The Truth About HTML5 Micro-semantics and Schema.org
- Semantics in a Nutshell
- These Problems Have Been Solved
- There’s No Such Thing As “More” Semantic
- Big Ideas in Semantic Markup: The Semantic Web
- Semantics: Not Dead Yet (Or: Google & Co Drop a Micro-Semantic Bombshell)
- E-commerce with Real (Micro) Semantics
- Can the Real Semantics Please Stand Up?
- Why Should We Care About Micro-semantics?
- Schema.org: The Future of Semantics?
- Couldn’t We Do This Before?
- The Semantic Web We’ve Been Waiting For?
- Microdata and Schema.org
- How Not to Launch an Initiative
- What Do the People Behind Schema.org Think?
- Wrapping Up: Semantics and HTML
- CHAPTER 6: The Truth About HTML5 and SEO
- CHAPTER 7: The Truth About HTML5’s Other New Elements
CHAPTER 8: The Truth About HTML5 Forms
- Going Native Slowly
- Forms Can Make or Break a Site
- Good News, Bad News
- HTML5 Forms Resources
- HTML5 Forms: The No-Brainers
- HTML5 Forms: The Kinda Maybes
- HTML5 Forms: The “I Wouldn’t Yet But You Can If You Really Want”
- Input Type: Color (Color Picker)
- What About Accessibility?
CHAPTER 9: The Truth About HTML5’s Canvas, Gaming, and Flash
- Flash Is Dying, and HTML5 Is All We’ve Got
- Can Canvas and HTML5 Fill the Gap?
- Flash Authoring for HTML5?
- And Then Apps Happened
- Let’s Bury Flash-isms with Flash
- We’re Not in Canvas Anymore
- Cool Things with Canvas
- The Haphazard World of Web Standards (Or: How Did We End Up with Canvas?)
- The Canvas Element and Accessibility
- The Current State of Canvas
- HTML5 Gaming: Canvas or Not?
- Getting Started with Canvas Game Development
- Canvas: What’s in It for Me?
- 2D Canvas’s 3D Future: WebGL
- 3D on the Web: WebGL Alternatives
- Show Me the Demos!
- Epic Citadel
- Still Early Days for WebGL
CHAPTER 10: The Truth About Audio and Video in HTML5
- Native <video> and <audio> in Action
- The <audio> Element
- The <video> Element
- Codecs: What to Do?
- Reality Bites
- Video Types…Oh My
- Audio and Video Media Players to the Rescue
- Other Flies in the HTML5 Video Ointment: DRM, Streaming, and Full-Screen Video
- Fullscreen API
- Is HTML5 <audio> Ready for Games?
- Wrapping Up
CHAPTER 11: The Truth About SVG: The Flash Challenger That Was, Wasn’t, and Now…
- SVG, SVG…
- SVG: Browser Support Arrives at Last
- Yes, There Is Real-World SVG We Can Use Right Now
- The Many Faces of SVG
- SVG in the ’00s: The Great Hope That Wasn’t
- SVG Browser Support: Android, What the Hell? Oh, and IE…
- SVG Demos: What Is It Good For?
- Snap.svg-Powered Demos
- Raphael.js-Powered Demos
- Working with SVG
- Responsive Web Design and SVG
- SVG Gotchas
- SVG: Heir to Flash?
CHAPTER 12: The Truth About HTML5 Web Apps, Mobile, and What Comes Next
- HTML5 Web App Browser Support
- HTML5 on Mobile: WebKit and Beyond
- Mobile Is a Moving Target: Microsoft’s Big Push
- Firefox OS: Mozilla’s Ambitious Mobile Platform, and the WebAPI
- HTML5 Mobile Compatibility
- HTML5-Powered Content Management
- Modernizr, When Can I Use . . . , and Polyfills
- HTML5 Web App APIs
- History API (pushState)
- Database Storage
- HTML5 Offline (Application Cache)
- Geolocation API
- Other APIs That May Be of Interest to You
- What Comes Next: HTML 5.1
- Wrapping Up
- CHAPTER 13: The Truth About the Future of Web Design: Performance-Based Design
- Title: The Truth About HTML5
- Release date: December 2013
- Publisher(s): Apress
- ISBN: 9781430264156