November 2012 – HTML-5

Rethinking the way a web page HTML is constructed – using the new HTML 5 syntax to create a web page with better structure and leaner code. It allows grouping of elements and the ability to differentiate between sections of a page. Making tags uniform allows everyone to consistently define content, makes it easier for web applications and user agents to parse that content and return the proper data. The appropriate content is also easier to syndicate. It standardizes the tags used.

Before HTML5 developers could use any tag names they liked, and the new tags are based on those that are most common. See this page for most used tag names:
http://devfiles.myopera.com/articles/572/idlist-url.htm

Can further identify tags as needed, for instance <article> can become <article id=”main”> etc.  It’s not for the viewer.. but browsers and user agents will notice the difference.

Limited use of the div tag! Yes, it has it’s place, but not as much as before.

HTML5 simplifies. Identify content!
New doctype
html tag- good to include the lang=”en”
Simpler charset meta tag

Not as strick as XHTML. Can do without closing tags
MIME types are optional
On styleheet link tag, don’t need the “type” specified

Don’t need the self-closing tag: <br /> can be <br>

Aside tags, where it is used affects the meaning and relationship of the content around it.

Install and use the IE fix by linking to the .js files. HTML5 enabling script
http://code.google.com/p/html5shim/
http://www.w3.org/TR/2012/WD-html5-diff-20121025/

Links:

• http://dev.w3.org/html5/spec-author-view/
• http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/
• http://www.instantshift.com/2012/03/27/html5-best-practices-for-designers/
• http://html5boilerplate.com/
• http://dev.w3.org/html5/spec-author-view/introduction.html#a-quick-introduction-to-html
• http://coding.smashingmagazine.com/2011/11/18/html5-semantics/
• https://github.com/h5bp/html5-boilerplate/blob/v4.0.1/doc/TOC.md
• http://code.google.com/p/html5shim/
• http://wiki.whatwg.org/wiki/Implementations_in_Web_browsers
• http://diveintohtml5.info/ http://diveintohtml5.info/introduction.html
• http://caniuse.com/
• http://html5doctor.com/element-index/#aside

http://blog.chromium.org/2010/05/security-in-depth-html5s-sandbox.html
Interesting information about iframes and the ‘sandbox’.

———————————-

http://code.google.com/p/h5o/ Install that Outliner into Chrome, and/or download the bookmarket html file, put on hardrive and use as a favorite in Firefox.