Home Tutorial Html Html5 HTML5 figure example, Define figure and figcapation tag.

 
 

Share on Google+Share on Google+
HTML5 figure example, Define figure and figcapation tag.
Posted on: September 6, 2010 at 12:00 AM
Advertisement
In this section, you will see the use of figure and figcapation tag of HTML5.

HTML5 figure example, Define figure and figcapation tag.

In this section, you will see the use of figure and figcapation tag of HTML5. Both are new. The figure tag is used to show flow content and figcaption tag represent caption of element. The flow content are elements, that are used in body tag. You can remove figure tag. It can not affect document actual meaning. It works as a single unit. the figcaption is an optional.

Declaration Syntax :

Declaration syntax of figure  and  figcapation in HTML5.

         <figure  >
                    flow controls</figure  >
                   <figcaption>
                                caption</figcaption>                         

Example of <figure > in HTML5:

Code:
figureTag.html
<!DOCTYPE html >
<html >
<head>
<title>Figure tag og HTML5.</title>
</head>
<body>
<h1>Implementation of figure and figcapation tag.</h1>
<figure>
<img src="comp.gif">
<figcaption>This picture represents a computer image.</figcaption>
</figure>
</body>
</html>
Output:

Download this code

Difference Between HTML5 and HTML4.01:

The fieldset tag is available in both HTML5 and HTML4.01. But there is some attribute in HTML5, that is not supported by HTML4.01.

Advertisement

Related Tags for HTML5 figure example, Define figure and figcapation tag.:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: September 6, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com