HTML 5
Posts related to the W3C HTML Working Group and the HTML 5 specification that is currently being worked on.
Make sure your HTML5 document outline is backwards compatible
When using the HTML5 sectioning elements, make sure the document outline created by the headings is backwards compatible.
End tags, semi-colons and maintainable code
Relying on browsers to magically insert missing code, like optional HTML tags or semi-colons and curly braces in JavaScript, is not developer-friendly.
The HTML5 placeholder attribute is not a substitute for the label element
The placeholder attribute is meant to give the user a nonessential hint before filling in a form field, not replace the label element.
Block level links and accessibility
HTML5 allows links to contain block level elements instead of just inline elements. This can be useful but there are currently potential usability issues with screen readers.
On using h1 for all heading levels in HTML5
The outline algorithm in HTML5 lets you use only h1 elements for all heading levels and still get a proper document outline. But browser and AT support is lacking, so use with care.
HTML5 has reached Last Call status – submit feedback until August 3
HTML5 and several closely related specifications have reached Last Call status, and the W3C has called for broad review of the documents.
HTML5 document outline revisited
My current thinking on document outlines in HTML5 and how and when to use the new sectioning elements, all with HTML4 compatibility in mind.
X-UA-Compatible and HTML5
If you for some reason have to use the non-standard X-UA-Compatible header to force standards mode in IE, be aware that it is invalid HTML5. Fortunately it is easy to fix.
HTML5 sectioning elements, headings, and document outlines
Getting the document outline you want is not as easy as you might think if you want to use the new sectioning elements in HTML5.
HTML5 Validator extension updates
The HTML5 Validator extension for Firefox has received a number of updates and is now hosted on GitHub.
Validating HTML5 with validator.nu and the HTML5Validator Extension for Firefox
How to automatically validate HTML5 in Firefox by installing a local copy of Validator.nu and my HTML5 Validator Extension.
HTML beyond HTML5
The WHATWG announces that they will now work on a versionless version of HTML, making it a moving target that may make it less than ideal for web developers to reference in their daily work.
HTML5 logo FAQ updated to add clarification
The W3C HTML5 logo FAQ has been updated to clarify what the logo and its accompanying icons represent and that CSS3 is not part of HTML5.
HTML5 now includes CSS3, SVG and WOFF?
Having a nice-looking logo for HTML5 is neat, but I think it’s unfortunate that the W3C are reinforcing the widespread misconception that HTML5 is pretty much anything “Web” that isn’t Flash.
HTML5 allows almost any value for the id attribute – use wisely
HTML5 allows almost anything as the value for the id attribute. This opens up possibilites but can also lead to bugs and maintainability problems unless used wisely.
HTML5 syntax guidelines
A few guidelines that will help you produce understandable and maintainable HTML5. Executive summary: stick to the syntax rules of XHTML.
CSS3 is not HTML5
Many people mean a lot of things when they talk about HTML5. I think some related technologies are ok to bundle with HTML5, but not CSS.
No longdesc attribute in HTML5
The longdesc attribute, which can be used to provide a longer description of an image, is currently not included in the HTML5 specification.
Validating HTML5 in the browser
I’m looking for a browser extension that supports HTML5 and automatically validates the markup of every page I load in the browser without sending anything to a remote server.
Void (empty) elements and self-closing start tags in HTML
Two types of mistakes that I see every now and then are using end tags on void elements and using self-closing start tags on elements that can have content.
Page navigation
Page 1 | Page 2Subscribe / follow
Sponsors
Authentic Jobs
Job openings from Authentic Jobs
- UX / UI Design Specialist at BinaryM
- Front-end Development Genius at JH (Nottingham, UK, GB)
- Sr. Interaction Designer at BitTorrent (San Francisco, CA, Ca, US)
- Jr. Web Application Developer at university of Colorado Denver (Denver, Co, US)
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost