There are following tags in HTML5:-
(1)bdi: It stands for Bi-directional Isolation.
Example:-
(3)mark:It defines marked text.
Example:-
<!DOCTYPE html>
<html>
<body>
<p>Do not forget to buy <mark>milk</mark> today.</p>
</body>
</html>
Use this tag,if you want to highlight parts of your text.
(4)meter:It defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.
Example:-
<!DOCTYPE html>
<html>
<body>
<p>Display a gauge:</p>
<meter value="5" min="0" max="10">5 out of 10</meter><br>
<meter value="0.6">60%</meter>
<p><strong>Note:</strong> The meter tag is not supported in Internet Explorer.</p>
</body>
</html>
(5)progress:It represents the progress of a task.
Example:-
<!DOCTYPE html>
<html>
<body>
Downloading progress:
<progress value="22" max="100">
</progress>
<p><strong>Note:</strong> The progress tag is not supported in Internet Explorer 9 and earlier versions.</p>
</body>
</html>
(1)bdi: It stands for Bi-directional Isolation.
Example:-
<html> <head><title>bdi tag in html5</title> <style type="text/css""> bdi { color:orange; font-size:20px; } </style> </head> <body><ol><li>User <bdi>homerjay</bdi>: 1601 posts</li><li>User <bdi>msimpson</bdi>: 335 posts</li><li>User <bdi>إيان</bdi>: 195 posts</li><li>User إيان: 195 posts</li><li>User <bdi>moe</bdi>: 2 posts</li></ol> </body></html>In the above example, we have shown how to use bdi element. bdi tag
is usually used to embed text which is different in direction to
english text. For Example : Arabic text is written from right to left,
which is contrary to english text written from left to right. In order
to embed Arabic text along with english we can use bdi tag.
In
the above example, in third li element we have used bdi element to show
arabic text in sam direction to english tag. In 4th li element we have
not used bdi element and that is why the arabic text is on right side.(2)bdo: It stands for Bi-directional override.
Example:-
<!DOCTYPE html>
<html>
<head><title>bdi tag in html5</title>
</head>
<body>
<!-- Switch text direction -->
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>
</body>
</html> It is used to override the current directionality of text. It causes the
directionality of the characters to be ignored in favor of the specified
directionality. Possible values for text directions are-ltr: Indicates that the text should go in a left-to-right direction.rtl: Indicates that the text should go in a right-to-left direction.auto: The browser decides which direction based on the element's content.
Example:-
<!DOCTYPE html>
<html>
<body>
<p>Do not forget to buy <mark>milk</mark> today.</p>
</body>
</html>
Use this tag,if you want to highlight parts of your text.
(4)meter:It defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.
Example:-
<!DOCTYPE html>
<html>
<body>
<p>Display a gauge:</p>
<meter value="5" min="0" max="10">5 out of 10</meter><br>
<meter value="0.6">60%</meter>
<p><strong>Note:</strong> The meter tag is not supported in Internet Explorer.</p>
</body>
</html>
(5)progress:It represents the progress of a task.
Example:-
<!DOCTYPE html>
<html>
<body>
Downloading progress:
<progress value="22" max="100">
</progress>
<p><strong>Note:</strong> The progress tag is not supported in Internet Explorer 9 and earlier versions.</p>
</body>
</html>
No comments:
Post a Comment