Wednesday, March 27, 2013

New tags added in HTML5


New tags introduced in HTML 5

section represents a generic document or application section. It can be used together with the h1, h2, h3, h4, h5, and h6 elements to indicate the document structure. 
article represents an independent piece of content of a document, such as a blog entry or newspaper article. 
aside represents a piece of content that is only slightly related to the rest of the page.
hgroup represents the header of a section. 
header represents a group of introductory or navigational aids. 
footer represents a footer for a section and can contain information about the author, copyright information, et cetera. 
nav represents a section of the document intended for navigation. 
figure represents a piece of self-contained flow content, typically referenced as a single unit from the main flow of the document.
<figure>
<video src="ogg"></video>
<figcaption>Example</figcaption>
</figure>

figcaption can be used as caption (it is optional).
video and audio for multimedia content. Both provide an API so application authors can script their own user interface, but there is also a way to trigger a user interface provided by the user agent. 
source elements are used together with these elements if there are multiple streams available of different types. 
embed is used for plugin content. 
mark represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context. 
progress represents a completion of a task, such as downloading or when performing a series of expensive operations. 
meter represents a measurement, such as disk usage. 
time represents a date and/or time. 
bdi represents a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting. 
wbr represents a line break opportunity. 
canvas is used for rendering dynamic bitmap graphics on the fly, such as graphs or games. 
command represents a command the user can invoke. 
details represents additional information or controls which the user can obtain on demand. The 
summary element provides its summary, legend, or caption. 
datalist together with the a new list attribute for input can be used to make combo boxes

New input elements’ type
tel , search , url , email , datetime , date , month , week , time , datetime-local , number , range , color

Below represents the HTML5 Block level and Inline Elements

HTML5 block level elements
article*,header*,aside*,hgroup*,blockquote,hr,body,li,br,map,button,Button,object,canvas*,ol,caption,
output*,col,p,colgroup,pre,dd,progress*,div,section*,dl,table,dt,tbody,embed,textarea,
fieldset,tfoot,figcaption*,th,figure*,thead,footer*,tr,form,ul,h1–h6,video*

HTML5 Inline elements
a,label,abbr,legend,address,link,area,mark*,audio*,meter*,bm,nav*,cite,optgroup,code,option,del,q,details*,
small,dfn,select,command*,source*,datalist*,span,em,strong,font,sub,i,summary*,
iframe,sup,img,tbody,input,td,ins,time*,kbd,var

No comments:

Post a Comment