The world of the web, in terms of language, has for years been stranded on the old HTML 4, active since 1999, as Wikipedia reports. Finally something has made it more or less standardized modern browsers have begun to support the new HTML5 (first draft published by the W3C on 22 gennaro 2008 still lacks many parts). The latest document on the website whatwg.org.
What's new in this language? Mainly to cover some gaps "operational" with new tags aimed at usability and semantics. Beware, though: the HTML 5, as the W3C is still in draft stage (draft).
Compatible browsers
All new generation browser support HTML 5: Chrome, Firefox 3.5, Opera and Safari. Oops I forgot someone? No, IE does not support the HTML 5, evidently expecting that train is called de jure standards ...
For the record, I publicly browser usage statistics, updated in August 2009, source W3Schools:
2009 IE7 IE6 IE8 IEX Firefox Chrome Safari Opera
August 15.1% 13.6% 10.6% 39.3% 47.4% 7.0% 3.3% 2.1%
You can see that the family is the second IE to Firefox!
New tags
Let's start the show the new doctype, finally with a form that requires no memory and even reinforced the violent copy paste. In fact it is simple:
<!-- DOCTYPE html-->
The new tags are divided into Layout, Multimedia, DHTML and other tags.
HTML 5 tag Layout
* Article: the basic content of the page
* Aside: the extra content
* Figures: additional content that needs a note
* Footer: the foot of the page
* Header: the top of the page
* Navigation: Section Navigation
* Section: definition of sections
The use of these layouts can then call them tags "name" in css. For example, if we just redefine the LI tags on the menu navigation program within <nav> ... <!-- nav-->will simply write in CSS:
nav li (
color: red;
)
The tags defined in this way are also accessible via DOM / javascript.
Multimedia HTML 5 tag
* Audio: Indicates an audio stream
* Source: indicates the source video or audio
* Video: Indicates a video stream
DHTML HTML 5
* Canvas: management of containers for dynamic graphics, interact via Javascript / DOM
* Command: definition of the buttons
* Datagrid: references a dynamic table
* DataList: referencing a list of information in a drop down menu
* Details: Statement of additional elements on the page as popup
* Output: referencing the output of a script or calculation
* Progress: the progress bar
The tags defined in this way are accessible via DOM / javascript and have exposed properties.
Other tags
* Dialog: to define a type of chat conversation
* Hgroup: groups of header tags
* Mark: useful to create references
* Meter: to define measures
* Time: date and hour.
For a full list of all HTML 5 tags, you can have faith to this page: HTML5 tag list.</nav>
แสดงความคิดเห็น