HTML5: The Beautiful Butterfly! Part 1

HTML or Hypertext Markup Language is a formatting language that programmers and developers use to create documents on the Web. The latest edition HTML5 has enhanced features for programmers such as video, audio and canvas elements. You view a Web page written in HTML in a Web browser such as Internet Explorer, Mozilla Firefox or Google Chrome. The HTML5 language has specific rules that allow placement and format of text, graphics, video and audio on a Web page. Programmers use these programming tags or elements to produce web pages in unique and creative ways. Tags enable the creator to make a more efficient and intelligent web page. Users will not have to use a Flash plug-in for video and audio content. Visual Studio users typically write code in HTML5 when creating web site content.

Well, we are not going to discuss here about HTML5, but some useful tips for HTML5 :)

Change of Doctype

Doctype declaration in older version
[html][/html]
This is much more easier now
[html][/html]
Also, you can put notes here:
[html][/html]

Some people may think that it will not run in Internet Explorer 6 or 7 or other older versions. Totally wrong. As long you are using
[html][/html]
Basically the ‘text/html’ part will handle it.

New html tag

We are used to keep in this way:
[html][/html]
Get rid of this xmlns attribute now:
[html][/html]
You can declare a language here:
[html][/html]

No self closing tag

In xhtml, we needed to close the self closing tags. Like:
[html]

[/html]
But now in HTML5, we don’t need to close the self closing tag. So,
[html]

[/html]

not bound to use quotation for attribute value

Well, we needed to use quotation for attribute value in xhtml. Like:
[html]

[/html]
You can get rid of that quotation.
[html]

[/html]
But it is strongly recommended to use quotation for attributes value as when you use a editor, it changes color and better to understand the segmentation of your code.

Unique tag for header, footer and nav

When you think a segment should be considered as a header, then change your
[html]

Leave a Reply