In our blog today we will deal with some of the new tags introduced in HTML5 specification. We will talk about the following today
<article> tag : It tag is used to represent an article. Basically, the content within the
<bdi> tag: The <bdi> tag isolates a part of text that can be formatted in a different way or span from other text outside it.It is basically a formatting tag in HTML and newly introduced in HTML5.
<command> tag : This tag is used by the user to invoke a command in HTML.This tag provides the user a facility to use the same command with many buttons.
<figure> tag : The figure tag is actually contains some self-defined content. As its name suggest figure that’s means it contains illustrations, diagrams, figures etc. It may be inserted anywhere in the document, its presence or absence do not affect the flow of document. This tag is also introduced in HTML5.
<figcaption> tag : This tag defines a caption to the figue. It simply acts as markup for the figure inserted in our document. This tag is optional and may be placed before and after the figure inserted.
Let us write some code using these tags
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TAGS</title> </head> <body> <h1>USE OF VARIOUS TAGS...!!!!!</h1> <article> <h1>This is an article</h1> <p>This is a new tag and introduced in HTML5.</p> </article> //article tag is used here.It automatically converts the input data like we gave headings,paragraphs etc in this format. <figure> <img src="http://polarstarsoftware.com/images/logo.jpg" width="237" height="116" /> </figure><br /> <figure> <img src="http://polarstarsoftware.com/images/logo.jpg" width="237" height="116" align="middle"/> <figcaption >WELCOME TO POLARSATR <a href="http://polarstarsoftware.com">VISIT US</a></figcaption> //Caption to the figure element is provided using the <figcaption> tag.We also provide a hyperlink for perfectly define our figure. </figure> </body> </html>
Please find the output as shown below