Tech Honey

The #1 Website for Oracle PL/SQL, OA Framework and HTML

HTML Rt Tag

by

HTML RT TagHTML Rt tag <rt> is used to define elucidation or accent for the characters in HTML Ruby Tag annotation.

HTML Rt tag <rt> characters are small (in display) and can be placed above or to the right side of the Chinese or Japanese characters.

HTML Rt tag is used with the HTML Ruby Tag and HTML Rp Tag.

The HTML Ruby tag defines the Chinese or Japanese Characters which needs to be helped in pronunciation and the HTML Rt Tag shows the required pronunciation.

The HTML Rp Tag defines what will be rendered on the browser if the browser does not support HTML Ruby Tag.

HTML 5 Rt tag is a closed tag and needs HTML 5 Rt closing tag </rt>

Note: Rt Tag is new in HTML 5.

HTML Rt Tag Syntax

<Rt>
Some pronunciation here..
</Rt>

HTML Rt Tag Example

HTML Rt Tag Code Output 
<ruby>
中国<rt>Zhōngguó </rt>
食品<rt>shípǐn</rt>
</ruby>
中国 Zhōngguó
食品shípǐn

In the HTML 5 Rt Tag example above, we have taken the example of “Chinese Food” which will be pronounced as “Zhōngguó shípǐn”. Note that the actual pronunciation is being displayed on top of the Chinese characters.

Also note the usage of HTML Ruby Tag <ruby> for providing the Chinese characters.

HTML Rt Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Rt Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (From IE 9 Onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Bdo Tag

by

Bidirectional Text HTMLHTML Bdo Tag (<bdo>) stands for bidirectional override.

The HTML Bdo Tag is used to overrule the existing direction of text in any HTML resource or webpage.

HTML Bdo Tag Syntax

<bdo dir=”rtl|ltr”>
Some text here
</bdo>

HTML Bdo Tag Example

HTML Bdo Tag Code Output 
<p> This text is left to right </p>
<p><bdo dir=”rtl”>
This text is right to left
</bdo></p>
This text is left to rightThis text is right to left

In the Bdo Tag example output, we can see that the text “This text is right to left” is actually rendered from right to left because we have wrapped the text in Bdo Tag and have used the value of “dir” attribute as “rtl”.

HTML Bdo Tag Attributes

HTML Bdo Tag Attribute Name Value Meaning
Dir rtl | ltr Rtl stands for right to left orientationLtr stands for left to right orientation

Bdo Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Bdo Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML U Tag-Underline Text

by

HTML U TagHTML Underline text can be done using the HTML U tag, but the semantics of U HTML Tag have changed a lot in HTML 5.

U tag was earlier used for showing underlined text but was then deprecated in HTML 4.01.

U tag was again introduced in HTML 5 with a very different semantic of defining text which can be different from normal text e.g. incorrectly spelled words.

Even though U Tag has been introduced again, still most of the browsers will use the HTML U Tag to display the text wrapped in it as underlined text.

HTML U Tag Syntax

<u>
Some text here
</u>

HTML U Tag Example

HTML U Tag Code Output 
This is a normal text
&lt;span style=&quot;text-decoration: underline;&quot;&gt; This text is in U Tag &lt;/span&gt;
This is a normal text
This text is in U Tag

Here in the example above we can see that even though the semantics of HTML U tag have changed in HTML 5, still the browser is using the HTML U Tag to show HTML underline text.

HTML U Tag supports all HTML Global Attributes and HTML Event Attributes

HTML U Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Var Tag

by

HTML VAR TagHTML Var Tag is used to classify creation of an instance of a variable.

In other words we can say that whenever we want to create an instance of a variable in HTML we use the Var Tag.

HTML Var Tag Syntax

<var>
Some Variable Here..
</var>

HTML Var Tag Example

HTML Var Tag Code Output 
<p>We are declaring a variable </p>
<var> counting </var>
We are declaring a variable counting

In the Var Tag example output above, we can see that the name of the variable “counting” is rendered in a different way than the text neighboring it.

Var Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Var Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML WBR Tag

by

HTML Wbr TagHTML Wbr Tag stands for Word Break Opportunity. HTML Wbr Tag specifies the location within a text where it would be acceptable to have a line break.

In other words we can say that, whenever a word is too long and there are chances that a browser will break the word and will not be able to show the complete word in one line we use the Wbr Tag so that if the browser has to break the word it will break the word at the Wbr Tag location.

Note: Wbr Tag in new in HTML 5.

HTML 5 Wbr Tag is an empty tag and does not have any closing Wbr tag.

HTML Wbr Tag Syntax

Some really <wbr> long text

HTML Wbr Tag Example

HTML Wbr Tag Code Output 

 This is just a really
loooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooo
<wbr />ooooooooooooooooooooooooooooooooo
ooooooooooooonnnnnnnnnnnnnnnnnnnngggggg
gggggggggggggggggggggggggg text
This is just a really loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnngggggggggggggggggggggggggggggggg

In the HTML Wbr Tag example above, if the browser has to break the word “long” (which I have written in a very long way) then it will break the word at locations where it encounters the HTML Wbr Tag.

HTML Wbr Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer No
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes