Hashnode's editor now supports 8 new HTML tags - kbd, abbr, sub, sup, and more!

Hashnode editor changes that will enable writers to publish accessible articles on their blogs.

ยท

4 min read

Hashnode's editor now supports 8 new HTML tags - kbd, abbr, sub, sup, and more!

We value web accessibility and constantly try to make Hashnode more accessible to everyone. This week, we shipped support for 8 more HTML tags to Hashnode Editor which will enable writers to write accessible articles.

Check out the list below for more details and examples:

1. kbd:

Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> to re-render this page.

Output:

Please press Ctrl + Shift + R to re-render this page.

2. abbr:

Did you know you can customize your Hashnode blog using Custom <abbr title="Cascading Style Sheets">CSS</abbr>

Output:

Did you know you can customize your Hashnode blog using Custom CSS

3. dl, dt, dd:

<dl>
  <dt>Why Blogging</dt>
  <dd>
   Blogging itself is an amazing exercise to build your communication skill which is very essential when it comes to code. But this is just one reason, there are many more, to begin with.
  </dd>
</dl>

Output

Why Blogging
Blogging itself is an amazing exercise to build your communication skill which is very essential when it comes to code. But this is just one reason, there are many more, to begin with.

4. sub:

Almost every developer's favorite molecule is C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as "caffeine."

Output

Almost every developer's favorite molecule is C8H10N4O2, also known as "caffeine."

5. sup:

The **Pythagorean theorem** is often expressed as the following equation: a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>

Output

The Pythagorean theorem is often expressed as the following equation: a2 + b2 = c2

6. cite:

<cite>The Scream</cite> by Edward Munch. Painted in 1893.

Output

The Scream by Edward Munch. Painted in 1893.

7. details & summary:

<details>
  <summary>Click here to learn more about Hashnode</summary>
  Hashnode is the easiest way to start a developer blog on your personal domain ๐ŸŒ for free and connect with the readers through our global dev community! ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป
</details>

Output

Click here to learn more about Hashnode Hashnode is the easiest way to start a developer blog on your personal domain ๐ŸŒ for free and connect with the readers through our global dev community! ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

8. s:

<s>string through</s>

Output

string through


You can directly write the HTML tags in Hashnode Editor and start using them. We hope this update lets you share your thoughts in a more accessible way. Let us know if you liked this update in the comment section. Cheers ๐ŸŽ‰

ย