Tuesday, 14 February 2017

Figure Tag HTML 5


Figure  Tag HTML 5 Example

HTML 5 introduce figure tag for apply image on your webpage. You may think that what about img tag? Yes it still in use but there was a problem with img tag, when you want to apply some caption to related image then you will add some HTML tag but if you are using figure tag then you have figure caption tag for display caption. Figure tag is container of graphics element which is use in conjunction of img and figure caption tag. So figure has better description processing option.

There are some exceptions. Graphics that are just graphics should still be listed as <img>. The reason regular graphics deserve different treatment is because they’re not necessary to the content on the page. If someone can’t see the graphic, they’d still get a clear message from your site.

<figure>

Dialog Tag HTML 5

Dialog Tag HTML 5 Example

The HTML <dialog> element represents a dialog box or window. It makes it easy to create popup dialogs and modals on a web page. The <dialog> element accepts a boolean attribute called open that sets the element to "active" and allows users to interact with it.

<html>
<body>

Details Tag HTML 5

Details Tag HTML 5

Detail tag is use to show some detail information about something which you want display in such manner when user can show and details. Like in copyright information in example only copyright small message is displaying and if user wants show detail then he needs to click on arrow symbol.

Note: The details tag is not supported in Internet Explorer.

<html>
<body>

BDI HTML 5

BDI tag isolates its text from default alignment of your HTML setting. Most of website language is English and its default alignment is left to right but when we write something in URDU then as we know alignment of URDU is right to left BDI tag help its alignment as in URDU. To check this then tries to use backspace from your browser. Text will be deleted from left to right.

<ul>
  <li>User <bdi>hrefs</bdi>: 60 points</li>
  <li>User <bdi>jdoe</bdi>: 80 points</li>
  <li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

Next Topic