The Future of the Web: HTML5

Editor's Notes

• #2: .
• #5: WHATWG is a growing community of people interested in evolving the Web. Focuses on the development of HTML and APIs needed for Web applications. Founded by individuals of Apple, the Mozilla Foundation, and Opera Software in 2004 and now has many individuals representing all corners of the web.
• #6: International community that develops standards to ensure the long-term growth of the Web.
• #7: now on to the new stuff in html5!
• #11: here is an example of what most peoples markup looks like pluses: straight forward, familiar negatives: cluttered “div soup”, high possibility of people misnaming, relies on trust if multiple people work on it what about the guy who name his divs after tv shows?
• #12: confusing to the guy who comes afterwards greysanatomy, howd that get in there?
• #13: Provides new semantic vocabulary for parts of a page previously served by DIVs with IDs and Class attributes.
• #14: clear, semantic code
• #15: Allows for associating captions with embedded content. can be used with video, audio, pullquotes, images and more
• #17: hgroup represents a grouping of headings. The element is used to group H tags when the heading has multiple levels, such as subheadings, alternative titles, or taglines details element represents a widget from which the user can obtain additional information or controls summary can be a caption, or legend for the rest of the contents of the details element. mark element represents a text highlighted for reference purposes output element represents the result of a calculation. progress represents the completion progress of a task, like a loading bar menu element represents a list of commands nsfw tag would have been AWESOME!!!!!!!
• #18: Canvas provides an API for drawing directly in the browser using Javascript. Can be used to draw graphs, charts and simple animations. The tag allows any SVG graphics to be created on the fly with fallback content provided to legacy browsers.
• #19: In addition to specifying markup, HTML5 specifies scripting application programming interfaces
• #20: One new and exciting thing you can do in HTML 5 is wrap links round “block-level” elements. Instead of markup that looks like this, with html5 <a> tags can wrap block level elements and cut down on the amount of markup needed
• #21: One new and exciting thing you can do in HTML 5 is wrap links round “block-level” elements. Instead of markup that looks like this, with html5 <a> tags can wrap block level elements and cut down on the amount of markup needed
• #22: not just limited to: text, password, submit, file, etc
• #23: Required to indicate that the user must enter a value Autocomplete accepts either on or off, if off the browser will not be allowed to store the value Autofocus give focus to the element, helpful for the first element on a form Pattern specifies a format or pattern to match
• #25: I know, stay calm.
• #31: google properly indexes html5 sites if using for client work keep to the simpler stuff thats supported use Modernizr to help with older browser support (js that helps update your markup/css for older browsers)
• #34: Like everything on the web, html is constantly evolving & changing. by no means will it solve everyones problems, BUT it seems to be a great leap forward.
• #35: Ian Hickson, editor of the HTML5 specification, expects the specification to reach the W3C Candidate Recommendation stage during 2012 Today many parts of the specification are stable and may be implemented into products