createspace publishing the truth about html5 (2012)

269 840 0
createspace publishing the truth about html5 (2012)

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

[...]... work towards, and if they don’t work out, so be it Sometimes good ideas just don’t happen With the WHATWG having so much momentum (and the backing of the browser vendors), the W3C had no choice but to work with them on HTML5 In 2007 the W3C formed a group that worked work with the WHATWG on developing HTML5 And in January 2008 the W3C released their first HTML5 10 THE TRUTH ABOUT HTML5 Working Draft... we faced the threat of them all going their own non-standard ways Hats off to all involved Is HTML5 Hype, Substance, Or Both? But back to the HTML5 specification Two questions: 1 What exactly is HTML5? 2 Who’s in charge, now there’s a (decidedly uneasy) working relationship between The Establishment (the W3C) and The Rebels (the WHATWG)? Let’s deal with what HTML5 is first There’s: • HTML5, the all-encompassing... with another pie-in -the- sky path to nowhere (echoing 1998’s "Shaping the Future of HTML" workshop http://www.w3.org/MarkUp/ 14 THE TRUTH ABOUT HTML5 future/)? Will they try to work with the WHATWG, or fork HTML5 and do their own thing? Who knows Some have been asking if the W3C should even exist Should We Just Kill Off The W3C Altogether, Or Embrace It? In September 2011, a debate broke out about the purpose... but rather years of careful documentation and clarification by the WHATWG that we can all be grateful for 18 THE TRUTH ABOUT HTML5 The other parts of HTML5 very much reflect its origins as Web Applications 1.0 and Web Forms 2.0 We’ll touch on the web app stuff in chapter twelve, and look at the web forms in chapter eight As designers, the biggest point of interest are the changes and additions to the. .. talk more about Modernizer, and the merits of feature detection rather than browser 24 THE TRUTH ABOUT HTML5 detection, when we look at HTML5 s web application features in chapter twelve.) Well, that was easy Almost too easy Now let’s take a big left turn into the proverbial ditch that is the new structural tags 25 THE T R UT H A B O UT A B ASIC HT M L 5 W EB P AG E 26 C H APT E R 3 THE TRUTH ABOUT STRUCTURING... , and so on These sound fine in theory, but are terrible in practice To support these elements in IE6-8, others suggest you include a small script that tells IE6-8 these elements exist and to use whatever styles you specify for them (it will leave them unstyled otherwise) I don’t recommend using these new elements, so we don’t need the HTML5 shim (If you really want to use them, here’s the code to... called HTML5, and a bunch of other features that later became Web Storage, Web Sockets, Server-Sent Events, and a variety of other specs [ ] Later, around 2006 or 2007, the W3C basically realized they had made a mistake, and they asked if they could work on HTML5 as well, so we renamed Web Applications 1.0 to HTML5, and the WHATWG and the W3C started working together Web Forms 2.0 got merged into HTML5, ... continue to be a source of considerable friction on the W3C mailing lists At the end of the day, either party can dream up all the specs they like What really matters is what the browser vendors choose to implement As far as HTML is concerned, the WHATWG’s extremely close relationship with the browser vendors means they’ll probably be calling the shots for the foreseeable future So, after all that, we’re... an everything-and -the- kitchen-sink boilerplate for new HTML5 pages, check out http://html5boilerplate.com/ and the markup documentation https://github.com/paulirish /html5- boilerplate/wiki /The- markup (There’s more documentation in the wiki.) While I appreciate the effort they’ve put into the HTML5 Boilerplate, if you’re just finding your way with HTML5 it’s pretty intense I prefer to start simple and... with the HTML spec, the WHATWG declared in January 2011 that their HTML5 spec would be a “living standard” and renamed it to just “HTML” (See the announcement here: http://blog.whatwg.org/html-is -the- new -html5 and their rationale here: http://wiki.whatwg.org/wiki/FAQ#What_does_.22Living_Standard.22_mean.3F.) And what of the future of HTML? The WHATWG insist they—and particularly Hickson—will maintain the . says (http://www.webstandards.org/2009/05/13/interview-with-ian-hickson-editor-of -the- html-5-specification/): THE TRUTH ABOUT HTML5 9 The reality is that the browser vendors have the ultimate veto on everything in the spec,. back then it wasn’t a view shared by the W3C.) Anyway, the group pitched their ideas to the W3C, and the W3C told them to go to hell. (Actually, they only

Ngày đăng: 21/03/2014, 11:54

Từ khóa liên quan

Mục lục

  • Table Of Contents

  • Foreword

  • Introduction

  • Chapter 1 A Somewhat Sensationlized History Of HTML5

    • How Architecture Astronauts And The W3C Tried To Kill HTML

    • You Probably Use XML

    • XHTML Is Born, But What Does It Mean?

    • Draconian Error Handling, Or Why Don’t I Just Punch You In The Face?

    • Okay, Not Really. But We COULD Punch You In The Face

    • XHTML Still Meant Better HTML

    • But The Crazy Had Only Just Begun

    • XHTML 2.0: Unloved And Alone

    • HTML5: A New Hope... We Hope

    • The W3C Says Go To Hell

    • The WHATWG Is Born

    • It’s A Whole New World

    • To HTML5 And Beyond!

    • HTML5 Is The New Black Or Hotness Or Something

    • Is HTML5 Hype, Substance, Or Both?

    • Hixie Or Bust

    • XHTML 2.0 Is Dead And Everyone Is Happy

    • HTML5, err HTML, wait... HTML.next?

    • Should We Just Kill Off The W3C Altogether, Or Embrace It?

      • Reform

      • Destroy

      • Embrace

    • How Does New Stuff Get Added To HTML5 Now?

    • TL;DR

    • What We’ll Be Focusing On

  • Chapter 2 The Truth About A Basic HTML5 Web Page

    • A Doctype For Every Occasion (And The Other Bits)

    • Formatting Changes In HTML5

    • What About A HTML5 Shim And CSS For The New Elements?

    • What About The HTML5 Boilerplate And Modernizr?

  • Chapter 3 The Truth About Structuring A HTML5 Page

    • New Structural Elements - This Isn’t Going To End Well (Plus, Controversy!)

    • A Little Taste Of Pain

    • Where Did These Elements Come From?

    • Who Cares?

    • The Contradiction At The Heart Of HTML5’s New Elements

    • Outline What Now?

    • 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

    • How Should We Structure A 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

    • Okay, Okay. I’ll Get To The Tags. But I’m Telling You, It Won’t Be Fun

    • <header>

      • Really, It Doesn’t Do Anything

      • How Can Screen Readers Use <header> When It’s Everywhere?

      • ARIA Alternative: Banner

      • Recommendation

    • <nav>

      • Good Intentions; Accessibility Disaster

      • ARIA Alternative: Navigation

      • Recommendation

    • <section> and <article>

    • <section>

      • Sections == Outlines

      • Russian Dolls

      • Recommendation

    • <article>

      • Specifications Should Specify

      • Nesting <article> For Articles And Comments

      • Search Engines Don’t Need <article>

      • <article> Is Not For The “Main” Part

      • Recommendation

      • So What’s The Difference Between <article> And <section>?

    • <aside>

      • Aside Creates An Outline Section In Weird Places

      • ARIA Alternative: Complementary

      • Recommendation

    • <footer>

      • Footer Doesn’t Do Anything Either

      • Fat Footer? Good Luck!

      • Can I ‘ave A Footer, Guv’na?

      • ARIA Alternative: Contentinfo

      • Recommendation

    • Where Is My <content> Element?

      • ARIA Alternative: Main

      • Recommendation

    • Other ARIA Landmarks

    • A Funny Thing Happened... Graceful Degradation Died And JavaScript Became Mandatory

    • Yahoo’s JavaScript Research

    • Here’s What Happens...

    • What To Do? Oh, XP....

    • Uh... Web Design Community, What Happened?

    • Conclusion: R.I.P. HTML5 Structural Elements

  • Chapter 5 The Truth About HTML5 Micro-Semantics And Schema.org

    • Let's Talk About Semantics, Baby.

    • 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

    • Ecommerce 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?

    • Microformats

    • RDFa

    • Microdata

    • Microdata And Schema.org

    • How Not To Launch A New Initiative

    • What Do The People Behind Schema.org Think?

    • Wrapping Up: Semantics And HTML

  • Chapter 6 The Truth About HTML5 And SEO  

    • The Markup And SEO Myth

    • SEO In The Dark Ages

    • Stuff Your Keywords

    • HTML And SEO

    • But What If It Helped... Somehow?

    • Zombie Myths Must Die... Eventually

  • Chapter 7 The Truth About HTML5's Other New Elements  

    • Other HTML5 Elements: The Good, The Bad, And The Kind Of Nutty

    • Be Bold Or Die Trying

    • Wrap Your Anchor Around This, And Other Bits And Pieces

      • Wrap Anchors Around Block-Level Elements

      • <mark>

      • <figure> and <figcaption>

      • <time>

      • <details> and <summary>

      • <small>

      • <address>

      • <cite>

    • Should We Even Use These Obscure Little Tags?

  • Chapter 8 The Truth About HTML5 Forms  

    • Put This In Your Form And Smoke It

    • Going Native Slowly

    • Forms Can Make Or Break A Site

    • Good News, Bad News

    • HTML5 Forms Resources

    • HTML5 Forms: The No-Brainers

    • New Input Types: Email, URL, Telephone Number, and Search

    • Attributes: Autocomplete, Autofocus, Readonly, and Spellcheck

      • Autocomplete

      • Autofocus

      • Readonly

      • Spellcheck

    • HTML5 Forms: The Kinda Maybes

      • Attribute: Placeholder

      • <progress>

      • <meter>

    • HTML5 Forms: The ‘I Wouldn’t Yet But You Can If You Really Want’

      • Attribute: Required

      • Attribute: Pattern

      • Input Type: Number (Spinner)

      • Input Type: Range (Slider)

      • Input Type: Date (Time/Calendar Widgets)

      • Input Type: Color (Color Picker)

      • Input Type And Element: Datalist

    • You Hypocrite. I Thought Requiring JavaScript Was The Worst Thing Ever.

    • What About Accessibility?

  • Chapter 9 The Truth About HTML5's Canvas, Gaming And Flash

    • Canvas Made Me (Kind Of) Wish I Could Do Flash

    • Flash Is Dying, And HTML5 is All We’ve Got

    • Can Canvas And HTML5 Fill The Gap?

    • Flash: The HTML5 IDE?

    • And Then Apps Happened

    • Let’s Bury Flash-isms With Flash

    • We’re Not In Canvas Anymore

    • Cool Things With Canvas

    • Tooltips

      • Tipped

    • Charts

      • RGraph

      • Visualize

      • HumbleFinance

      • Peity

    • Visualizations

      • Processing.js

      • “Evolution of Privacy on Facebook”

      • Canvas, Twitter, And Audio Mashup

      • Paper.js

    • Games

      • Biolab Disaster

      • Canvas Rider

      • Cut The Rope

    • Imagine Manipulation

      • PaintbrushJS

      • Mozilla Image Editor

    • Canvas-Driven Web Apps

      • Muro

      • Sketchpad

      • Endless Mural

      • LucidChart

    • Drawing Interface Elements

      • Flash-style Interface Effects

      • Background Animations

      • Interface Backgrounds With Liquid Canvas

    • The Sometimes Good And Sometimes Bad Canvas Emulation For IE6-8

    • The Haphazard World Of Web Standards, Or, How Did We End Up With Canvas?

    • The Canvas Element And Accessibility

    • The Current State Of Canvas

      • Primitive Development Environment

      • Performance

      • Limited IE Compatibility

    • Again With The Glass Metaphor

    • HTML5 Gaming: Canvas Or Not?

      • Is It Even Canvas?

      • Getting Started With Canvas Game Development

      • HTML Gaming: Beyond HTML5

    • Canvas: What’s In It For Me?

      • Canvas For Web Designers

      • Canvas For Students And Hobbyists

      • Canvas For Flash Designers

      • Suck It And See

    • 2D Canvas’ 3D Future: WebGL

    • 3D On The Web: WebGL Alternatives

    • Show Me The Demos!

      • Angry Birds

      • Rome “3 Dreams in Black” Interactive Music Video

      • glfx.js Image Manipulation

      • Quake II

      • GT Racing: Motor Academy

      • Skid Racer

      • More WebGL Demos

    • Still Early Days For WebGL

  • Chapter 10 The Truth About Audio & Video In HTML5

    • Hear No <audio>, See No <video>

    • Native <video> And <audio> In Action

      • The <audio> Element

      • <audio> Attributes

      • The <video> Element

      • Video Accessibility

      • API And Resources

    • Codecs, You’re Killing Me

    • The Patent Problem

    • H.264 Is Baked In

    • Google Threatens To Take Chrome WebM Only, And Then Doesn’t

    • Codecs: What To Do?

    • Reality Bites

    • Video Types... Oh My

      • Querying Supported Video Types With JavaScript

    • Audio And Video Media Players To The Rescue

      • MediaElement (Video And Audio, Free)

      • VideoJS (Video, Free)

      • Flowplayer (Video, Free And Commercial)

      • More Media Players

    • Other Flies In The HTML5 Video Ointment: DRM, Streaming, And Full Screen Video

      • DRM

      • Streaming

      • Full Screen

    • Is HTML5 <audio> Ready For Games?

    • The Future Of Audio

    • Wrapping Up

  • Chapter 11 The Truth About SVG: The Flash Challenger That Was, Wasn't, & Now...

    • SVG, SVG...

    • SVG: Browser Support Arrives At Last

    • Yes, There Is Real World SVG We Can Use Right Now

    • 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?

      • SVG Girl

      • SVG Edit

      • Google Docs

      • SVG Games

      • D3.js

      • Charts With Highcharts

    • Raphael.js-powered Demos

      • thirteen23

      • Nissan Leaf

      • Markup.io

      • DrawAStickman.com

      • Election Results

      • Visualizations

    • Working With SVG

      • Responsive Web Design And SVG

      • SVG Gotchas

    • Flash Breathes Life Into SVG?

  • Chapter 12 The Truth About HTML5 Web Apps, Mobile & What Comes Next

    • HTML5 Web App Browser Support

    • HTML5 On Mobile: WebKit And Beyond

    • Mobile Is A Moving Target: Microsoft’s Big Push

    • Boot To Gecko: Mozilla’s Ambitious Mobile Platform, And The WebAPI

    • HTML5 Mobile Compatibility

    • HTML5-Powered Content Management

    • The JavaScript Age

    • JavaScript Killed The HTML Star

    • Modernizr, When Can I Use..., And Polyfills

      • Modernizr

      • When Can I Use...

      • Polyfills

    • HTML5 Web App APIs

    • History API (pushState)

    • HTML5 Web Storage (And JavaScript-Rendered CSS)

    • Database Storage

    • HTML5 Offline (Application Cache)

    • Geolocation API

    • Other APIs That Are Completely Beyond Me But May Be Of Interest To You

    • Wrapping Up

  • Chapter 13 The Truth About The Future Of Web Design: Performance Based Design

    • Operating In The Dark

    • Performance Vs Production

    • Measure When You Redesign

    • Let’s Get Objective

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan