HTML5 Tags Reference
HTML5 Tags Reference
We will use legend tag to define caption for fieldset, figure and details element. In html 4.01 legend tag defines caption only for fieldset element but in html5 legend tag defines caption for fieldset, figure and details element.
<mark> tag is new tag in html5. It will be used to marked important text in document. Whenever you want to highlight some portion of text in your document then we will use mark tag.
In other version of HTML we store data on client machine by using concept of cookies which is not suitable for large data.
HTML5 <figure> element is used to show content on page; content can be images, photographs, articlesor data tables. The content of figure element should be relevant to the main content, but if removed it should not affect the flow of document. In this example I will show you that how we can use figure element in html page.
Canvas element will be used to draw some graphics content on browser by using java script. It is a resolution dependent bitmap canvas, which can be used for rendering graphs, game graphics or other visual images on the fly. The canvas element has several methods for drawing paths, boxes, circles, character and adding images.
In HTML5 <article> tag is used to show content, content can be blog, forum, newspaper etc. Article tag represents an independent section of page. The article tag specifies independent, self contained content. This is a new tag in html5. In this example I will show you that how we can use <article> tag in html page.
HTML 5 offers a new input element <keygen>,this element is used to safely authenticate users,<keygen> element creates a pair of private, public keys which is stored on the client machine and sends the public key to the server. This provides safe authentication of users.
The attributes listed below are supported by all HTML 5 tags.
In HTML5 <datalist>element can be used in conjunction with an <input> element that contains a list of attribute. We create list with <option>element inside in <datalist>element.
The HTML syntax of HTML5 allows MathML (Mathematical Markup Language) element to be used inside a document using <math> tag.
The HTML <area> tag is used for defining an area in an image map. Image maps are images with clickable areas (sometimes referred to as "hotspots") that usually link to another page.
Today most videos are shown by plug-ins like flash or Silverlight but all browsers did not support same plug-ins.
HTML5 introduced new element <audio>. This element specifies audio file on html document. By using this element user can listen audio file.
In HTML5 <nav> element is used to make group of links or navigation links. <nav> tag is supported only in html5. If we want a group of related links, then we will use <nav> tag. It has both start and end tag. In this example I had created three links and I want to define that links in <nav>tag, <nav> tag is used to to define section of navigation.
We will use menu command in HTML5 to create menu commands. We will use <menu> tag for grouping commands item. In command tag we will define command button like a radio button, a check box or a button. Command elements are visible only if it is inside menu element.
An inline frame allows you to embed another document within the current HTML document. To create an inline frame, we need a second HTML document. This second document contains the content within the inline frame.
HTML5 introduce 13 new Input type values for the type attribute for HTML <input> element. By using new input type values we can create more attractive page, better input control and can validate to input type values. Most of the browser does not support HTML5 new input types except “Opera”.
Before introducing about html5 I would like to explain that what is HTML. Then we will discuss that what need of HTML and why use html5 be is.