Tutorials Point, Simply Easy Learning
The autofocus attribute
This is a simple one-step pattern, easily programmed in JavaScript at the time of document
load, automatically focus one particular form field.
HTML5 introduced a new attribute called autofocus which would be used as follows:
This attribute is supported by latest versions of Mozilla, Safari and Crome browsers only.
The required attribute
Now you do not need to have javascript for client side validations like empty text box would
never be submitted because HTML5 introduced a new attribute called required which would be
used as follows and would insist to have a value:
This attribute is supported by latest versions of Mozilla, Safari and Crome browsers only.
HTML5 – SVG
SVG stands for Scalable Vector Graphics and it is a language for describing 2D-graphics and
graphical applications in XML and the XML is then rendered by an SVG viewer.
SVG is mostly useful for vector type diagrams like Pie charts, Two-dimensional graphs in an X,Y
coordinate system etc.
SVG became a W3C Recommendation 14. January 2003 and you can check latest version of
SVG specification at SVG Specification.
Viewing SVG Files:
Most of the web browsers can display SVG just like they can display PNG, GIF, and JPG. Internet
Explorer users may have to install the Adobe SVG Viewer to be able to view SVG in the browser.
Embeding SVG in HTML5
HTML5 allows embeding SVG directly using tag which has following simple
syntax:
Firefox 3.7 has also introduced a configuration option ("about:config") where you can enable
HTML5 using the following steps:
1.
2.
3.
Type about:config in your Firefox address bar.
Click the "I'll be careful, I promise!" button on the warning message that appears (and
make sure you adhere to it!).
Type html5.enable into the filter bar at the top of the page.
12 | P a g e