Wednesday, July 02, 2008

New things in HTML5

Please note that still HTML 5 in under draft mode. there are certainly many things changed when it come to live. but myself also waiting for this new kind html. I have list down some of the features which I read through w3c and different searches.

I hope browser will also be ready for it.


Html5 is created in such a way that it will be backward compatibility.
it will have html + xml as their base.
in html4 we are writting <html>
but as per rule html 5 should be written as follows.

<?xml version=”1.0″?>
<html xmlns=”http://www.w3.org/1999/xhtml”>

* meta elements are replaced.<meta http-equiv=”content-type” content=”text/html; charset=urf-8″>
<meta charset=”utf-8″>

in html5 their no necessary to use doctype. as everything is going to handle with xml.

Following are the new elements are added in html5

1.sections. - generic document or application sections.
2.article - this represent independant piece of contents.
3.aside - piece of content which is only sightly related to whole document.
4.header - header of the section.
5.footer - footer of the section
6.nav - represent a section of the document for navigation.
7.dialog - used for conversation
8.figure - its kind of embed function used for video or graphics
9.audio video these are elements used for showing audio / video.
10.embed
11. m - represent marked text
12. meter - used disk usage.
13. time - represent time of the page.
14. convas - is used to create dynamic bitmap images on the fly.
15. command - used to invoke commands which user will invoke.
16. datagrid - represent an interactive representational of tree list.
17. details - this will shows additional informtion
18. datalist to used to represent to make comboboxes see the following example.
<input list=”browser”>
<datalist id=”browser”>
<option value=”1″>1</option>
<option value=”2″>2<option>
</datalist>
19. datatemplate, rule, nest - used for templating mechanism.
20. event-source - is used to to catch server sent events.
21. output - it is used for some sort of scripting calculation.
22. input type has following new values.
datetime
datetime-local
date
month
week
time
number
range
email
url

New attributes
1.a , area now have media attribute
2. a, area now have ping attribute used to know which link it has been clicked from. it will be space seperated url.
3. area will have hreflang and rel attribute
4. base element now can have target so that for tag their is no need to provide target. but still a still have target as its not yet deprecated.
5. autofocus for input element.except for input type hidden
6. now every input,select,textarea,button,ouput will have form element to control the multiple forms.
7. input,form,button will have replace attribute used at the time of submitting form.
8. required attribute is added for making mandetory fields.
9. input and textarea will have inputmode which is used to know which input interface is requied.
10. now fieldset will not have disabled attribute which is not their in 4
11. input have new attributes autocomplete , min, max, pattern, step, list
12. input , button have new attribute template which used to for repeation of template.
13. menu elements have three new attribute type,label, and autosubmit.
14. style element has now scoped attribute which used for specific scope of the element tree(node)
15. script elements have async used for loding the script and execuation of it.
16. html will not have manifest which specified browser to used cached elements for offlien browsing.

Following are new attributes for all
* contenteditable
* contextmenu
* draggable
* irrelevant which indicates that an element is not yet or is no longer their.

there are many attributes which is now useless in html 5.
In addition, HTML 5 has none of the presentational attributes that were in HTML 4 as they are better handled by CSS:

* align attribute on caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr and body.
* alink, link, text and vlink attributes on body.
* background attribute on body.
* bgcolor attribute on table, tr, td, th and body.
* border attribute on table, img and object.
* cellpadding and cellspacing attributes on table.
* char and charoff attributes on col, colgroup, tbody, td, tfoot, th, thead and tr.
* clear attribute on br.
* compact attribute on dl, menu, ol and ul.
* frame attribute on table.
* frameborder attribute on iframe.
* height attribute on iframe, td and th.
* hspace and vspace attributes on img and object.
* marginheight and marginwidth attributes on iframe.
* noshade attribute on hr.
* nowrap attribute on td and th.
* rules attribute on table.
* scrolling attribute on iframe.
* size attribute on hr, input and select.
* style attribute on all elements with the exception of font.
* type attribute on li, ol and ul.
* valign attribute on col, colgroup, tbody, td, tfoot, th, thead and tr.
* width attribute on hr, table, td, th, col, colgroup, iframe and pre.

17 comments:

Richa said...

Hi,

I am Richa from SiliconIndia. I am also an avid blogger for a while now and participating actively in Indian blogosphere. I read your blog posting and found them very interesting and informative. We would love to see a copy of your blogs posted here, whenever you are posting it on blogger.com. Here are some of the benefits of posting your blogs here:

We have a strong community of 500,000 Indian professionals
Best blogs of 2008 to be published in a book "SiliconIndia bLoG PrinT"
Best blog to be printed in SliconIndia & SmartTechie magazines each month
Chance to be featured on homepage everyday


We appreciate your community initiative here and in helping build a more powerful India! Also, if you have any ideas or want to volunteer to help for SiliconIndia, we would be more than excited to get your help. Pls mail me back at richa@siliconindia.com with your suggestions and feedback.

Richa
Blog Editor- SiliconIndia

miyuki said...

Paypal payment. Free shipping. cheap ugg boots ,UGG Online Store,australian cheap ugg boots ,ugg boots australia,UGG Online Store,black ugg boots,ugg boots on sale,cheap uggs. Very Cheap!Vente en ligne de discount chaussure sport : chaussure puma, chaussure nike, chaussure tn, nike tn,nike requin, puma future cat, nike shox torch, ugg boots et plus.

miyuki said...

A study last yearnike tn, the author in the essay read NIKE , a reporter at the Shanghai headquarters in an interview, nike chaussuressee a pr in high school to read a league plans, employees interviewed told reporters in Beijing's streets, they children to interview, the children said, "truly understand them." tn chaussures These words, if the author touches product function, brand spirit and culture is to become part of the consumer of two basic methods

miyuki said...

puma basketBlack is lubricious, can match, but young people don't want to match with brunetpuma femmes, can try even cardigan knitting coat will appear lively cap. Boys and girls, puma CATcan choose to choose self-cultivation

miyuki said...

ed hardy clothing Online Store - We wholesale and retail cheap ed hardy shirts
g including Ed Hardy Men's Clothing, ed hardy womens Clothing,Ed Hardy Kids Clothing, Ed Hardy Sunglasses, Ed Hardy Swimwear and

swimingfidh said...

There are ed hardy shirts
,pretty ed hardy shirt for men,

ed hardy womens in the ed hardy online store

designed by ed hardy ,
many cheap ed hardy shirt ,glasses,caps,trouers ed hardy shirts on sale ,

You can go to edhardyshirts.com to have a look ,you may find one of ed hardy clothing fit for you
men's jacketcheap jacketnorth face jacketsghd hair straightenerscheap ghd hair straightenershair straighteners

J&D said...



辣妹視訊|美女視訊|視訊交友網|視訊聊天室|視訊交友|視訊美女|免費視訊|免費視訊聊天|視訊交友90739|免費視訊聊天室|成人聊天室|視訊聊天|視訊交友aooyy
哈啦聊天室|辣妺視訊|A片|色情A片|視訊|080視訊聊天室|視訊美女34c|視訊情人高雄網|視訊交友高雄網|0204貼圖區|sex520免費影片|情色貼圖|視訊ukiss|視訊ggoo|視訊美女ggoo|

080苗栗人聊天室|080中部人聊天室ut|ut影音視訊聊天室13077|視訊做愛|kk777視訊俱樂部|上班族聊天室|聊天室找一夜|情色交友|情色貼片|小瓢蟲情色論壇|aio交友愛情館|

哈拉聊天室|洪爺影城|kk123視訊俱樂部|6K聊天室|正妹視訊

情趣用品|情趣用品|情趣用品|情趣|情趣用品|情趣

lucyliu said...

nike air max 90
nike air max 95
nike air max tn
nike air rift
nike shox r4
nike air max 360
nike shox nz
puma mens shoes
puma shoes
puma speed
nike shoes
nike air
nike air shoes
puma cat
air max trainers
mens nike air max
nike shoes air max
nike shoes shox
air shoes
nike shoe cart
puma future
cheap puma
sports shoes
nike air rifts
nike air rift trainer
nike air
nike rift
nike rift shoes
cheap nike air rifts
bape shoes
jeans shop
diesel jeans
levis jeans

thomson said...

Baby tooth decay, protect infants children's baby tooth. Children’s oral care tips and guikdes.bottle

thomson said...

Endometriosis pain, treatment endometriosis, symptoms of endometriosis.endometriosis pain

Sneakers hobbies said...

nice post!!
Do you like polo shirts? Where can buy the best quality and fashion cheap polo shirts? you can come to our outlets,we are the one of the most professional winter jackets and polo shirts.You also can buy the most cheap polo shirts wholesale,you order more,you can get more discount!

uwanna said...

Gucci
Gucci shop
Gucci bags
Gucci shoes
Replica GUCCI SHOES
wholesale gucci shoes
cheap Gucci handbags
Gucci ON sale
Gucci Belts
Gucci small accessories
Gucci hats & scarves
Gucci wallets
Gucci Handbags
Women Gucci shoes
Men Gucci shoes
discount gucci shoes
cheap Gucci shoes

uwanna said...

gucci replica handbags
men gucci shoes
Gucci men sneakers
Gucci men moccasins
gucci women sneakers
gucci women boots
Gucci men boots
Gucci
Gucci shop
Gucci bags
Gucci shoes
Replica GUCCI SHOES
wholesale gucci shoes
cheap Gucci handbags
Gucci ON sale
Gucci Belts
Gucci small accessories
Gucci hats & scarves
Gucci wallets
Gucci Handbags
Women Gucci shoes
Men Gucci shoes
discount gucci shoes
cheap Gucci shoes

ally said...

Fashion is all about lookingmoncler jackets good and being comfortable at the same time. monclermoncler coatsEvery woman loves being complimentedmoncler t-shirtmoncler vestmoncler outlet for her sense of style and elegance. ugg bootscheap ugg bootsdiscount ugg bootsNo woman wants to be labeled as outdated and old fashioned.ugg classic tall bootsclassic ugg bootsWomen are expected to be in constant touch with the latest trends in ordermoncler jacketsmonclernew moncler coats to adopt those trends and look fashionable and stylish. moncler vestmoncler outletmoncler polo t-shirtWomen need to make sure that whatever they wear, coach outletcoach handbagscoach bagsit should compliment their personality and they do not feel awkward while wearing it. coach totescoach outletlouis vuitton handbagsAn article about Gothic costume clothing and the importance of choosing Gothic choker. LV handbags 2010Louis Vuitton bagsLouis Vuitton totesThis article explores the wide variety of Gothicrain boots
rainweardiesel jeans chokers available from everyday to special occasions. Ture Religion Jeanslevis jeansabercrombie and fitch outletIt should inspire people to go shopping for their own Gothic chokers. ed hardy wholesaleed hardy outletcheap ed hardy wholesaleThe origins of the Flat cap span discount ed hardy wholesalewholesale ed hardy

ally said...

Fashion trends change on daily basis, like Gold GHD. Following the latest in designer shades has become a passion of everyone, now Burberry Sunglasses. If you are the type of a woman who loves to explore in fashion, our ED Hardy Sunglasses will definitely satisfy your taste. Cheap Ed Hardy Sunglasses is also OK. Ed hardy streak of clothing is expanded into its wholesale ED Hardy T-shirt chain so that a large number of fans and users can enjoy the cheap ED Hardy Clothing range easily with the help of numerous secured websites, actually, our ED Hardy Outlet. As we all know, in fact discount ED Hardy, is based on the creations of the world renowned tattoo artist Don Ed Hardy. Well, this question is bound to strike the minds of all individuals. Many people may say Prada shoes is a joke, but we can give you Prada Sunglasses, because we have Prada handbags. Almost everyone will agree that Prada Purses are some of the most beautiful designer handbags marketed today. Now we have one new product: Prada totes. The reason is simple: fashion prohibited by ugg boots, in other words, we can say it as Cheap ugg boots. Would you like to wear Discount ugg boots. We have two kinds of fashionable boots: classic ugg boots and ugg classic tall boots. Ankh Royalty--the Cultural Revolution. Straightens out the collar, the epaulette epaulet, the Ankh Royalty Clothing two-row buckle. Now welcome to our Ankh Royalty Outlet. And these are different products that bear the most famous names in the world of fashion, like Ankh Royalty T shirt by the way -Prada, Spyder, Moncler(Moncler jackets,or you can say Moncler coats, Moncler T-shirt, Moncler vest,and you can buy them from our discount Moncler outlet), GHD, ED Hardy, Ankh Royalty, Twisted Heart.

janewangleilei said...

You can have a look at it.
jordan shoes
jordan ajf shoes
There are cheap shoes to choose
jordan 6
jordan 7
Good quality with low price.
air jordan 2010
Air Jordan 2009
If you like,you can contact us.
jordan 3
jordan 4
We offer different styles.
jordan 1
jordan 2
Thanks.
jordan 5
jumpman
famous brand!
newest jordans
air yeezy
I can't believe it.
nike outlet
You can have a look at it.
adidas outlet
puma outlet

duckless said...

The original chi flat iron was released as a professional salon straightener. After gaining popularity on the market the cheap chi flat iron was later released for personal consumer use. If you are a professional stylist or someone who loves straightening their chi hair straightener before leaving for work the Chi original ceramic flat iron is one styling tool you cannot live without. Unlike other wholesale chi flat iron before its day the Chi model was developed with moist ceramic heat technology that does not burn or damage the wholesale chi hair straighteners.