Hello Guys,
Here I would like to share with you the things i have learned from a Seminar on HTML5 and CSS 3.
DOCTYPE
Some of us are still not aware exactly about what is a DOCTYPE. Usually we are doing just copy and paste those things. including me :) Yeah, sometimes we need to meet deadline.
Any way HTML 5 comes, and we have to make sure that what we write and what is its purpose.
In HTML 5 the doctype is just
<!DOCTYPE html>
that's it. So browser consider our page as html5.
New tags
In html5, all the tags are more semantic, which means, by element name itself, we can guess what it is stands for. For eg: header for headings, footer for displaying footer content, address for displaying the contact details of the author of the web page.
Here are list of new tags in HTML5
<header>
<footer>
<nav>
<section>
<article>
<aside> - Used to highlight small sections in the page
<address>
<time>
<meter>
<progress>
<video>
<audio>
I will write details of each element when I get some time on coming days :)
Here I would like to share with you the things i have learned from a Seminar on HTML5 and CSS 3.
DOCTYPE
Some of us are still not aware exactly about what is a DOCTYPE. Usually we are doing just copy and paste those things. including me :) Yeah, sometimes we need to meet deadline.
Any way HTML 5 comes, and we have to make sure that what we write and what is its purpose.
In HTML 5 the doctype is just
<!DOCTYPE html>
that's it. So browser consider our page as html5.
New tags
In html5, all the tags are more semantic, which means, by element name itself, we can guess what it is stands for. For eg: header for headings, footer for displaying footer content, address for displaying the contact details of the author of the web page.
Here are list of new tags in HTML5
<header>
<footer>
<nav>
<section>
<article>
<aside> - Used to highlight small sections in the page
<address>
<time>
<meter>
<progress>
<video>
<audio>
I will write details of each element when I get some time on coming days :)
Comments
Post a Comment