HTML5 introduced many new features, one of them is the placeholder attribute. What it does is showing text in a field until any value is entered, then hides the text. Very useful to show users example of what to enter in a field. You’ve probably seen this techinque a lot with Javascript, but native HTML5 support is even better.
For now this is only possible in Webkit and Mozilla browsers, the discussion about best implementation is still an ongoing project. You’ll have to use 2 rules, as the standards for this is not been set yet.
August 3rd, 2011
HTML5 header structure – header, hgroup and h1-h6
No Comments, HTML, by Joakim Ling.The <header> and <hgroup> tags are new for HTML5, we all know that <h1> – <h6> has vital importance in SEO to get keywords ranked on search engines such as Google. But it’s not as easy to understand the use for the new tags.
There are a lot of confusion around this HTML5 aside element. Its definition suggests it should be used for content surrounding the main content. The most common misconception of how this element should be used is for the standard sidebar. While there is usually a degree of relation between sidebar content and the content in an article, it is not enough to be considered fit for an aside. Navigation, ads, search boxes, blogrolls and so on are not directly related to the article and therefore do not justify the use of an aside.
Canvas is a way to programmatically draw using Javascript, this is something new in HTML. You can for instance create simple diagrams, charts or graphs, better looking interfaces without thousands of images and work around CSS limitations. There is a set of drawing tools such as rectangles, arcs, paths, line drawing, bezier and quadratic curves. You can also add effects and do some basic transformations.