7 HTML attributes that you must learn today!

If you’re a web developer, you’re making use of HTML! You’re making use of many HTML features. However, today you’ll be able to learn a little information!

BDO

The HTML element can override the directionality of text. It means that the text within it is displayed in a different direction! You can utilize the dir option to specify the direction.

• ltr -> indicates that the text must be in a direction from left to right
• rtl -> indicates that the text should be in a left-to-right direction.

<p>

    <bdo dir="ltr">Left to Right Text.</bdo>

</p>

<p>

    <bdo dir="rtl">Right to Left Text.</bdo>

</p>

KBD

If you have to display the shortcut to your user, you must use the kbd! It is a swath of text that is inline, indicating the user’s input on the keyboard.

<p>Please press <kbd>Cmd</kbd> + <kbd>R</kbd> to reload page.</p>

Details

The HTML element generates the widget for disclosure, where the information will be visible only after the widget has been switched to the “open” state. A brief description or label should be included in the element.

<details>

       <summary>What is HTML</summary>

       HyperText Markup Language (HTML) is the set of markup symbols

</details>

Editablecontent

The attribute contenteditable specifies what content in the element is edited or not!

<p >

Abbr

The tag is a way to define an abbreviation, or acronym, such as "HTML," "CSS," and displays the full title whenever you hover over this tag.

<p>Together, <abbr title="HyperText Markup Language">HTML</abbr>, 

<abbr title="Cascading Style Sheets">CSS</abbr>, and JavaScript make up the 

essential building blocks of websites worldwide.</p>

Translate

Indicate in HTML the content that needs to be translated or not (by Google Translate, for instance).

<p translate="no">PHPLift</p>

color picker

As you've just learned that you can make the color picker!

<input type="color">

I Hope you like this article if you want more articles like this please comment below.