DEV Community

loading...
Cover image for 5 HTML5 tags you did not hear about

5 HTML5 tags you did not hear about

Shiva Bhusal
Software Engineer with 10+ years of Software Development Experience. 6 Years of Ruby development. You can know me via https://shivab.com
・1 min read

Generally, programmers and Front End Engineers consider HTML a relatively easier language to learn. Yes, it is easier because you don't have to memorize thousands of language constructs and syntax. However, there are a few tags that are used very rarely which I am going to uncover today.

1. <base>

Specifies the base URL and/or target for the relative URLs on the page.

<head>
  <base href="https://ohmycheatsheet.com/images/" target="_blank">
</head>
<p>
    <img src="demo2x2.jpg" width="100" height="104" alt="puzzle cube"><br />
    <a href="/html/">HTML Code</a>
</p>
Enter fullscreen mode Exit fullscreen mode

2. <ins>

Text that has been inserted.

<p>The Rubik's Cube World Record is 
<del>4.90</del> <ins>4.73</ins> seconds.</p>
Enter fullscreen mode Exit fullscreen mode

3. <param>

Parameter for an object element.

<object data="sound.mp3">
    <param name="autoplay" value="true">
</object>
Enter fullscreen mode Exit fullscreen mode

4. <kbd>

Keyboard input.


<p>Normal text and <kbd>Keyboard input</kbd></p>

Enter fullscreen mode Exit fullscreen mode

5. <keygen>

A Keypair generator field for forms. Not recommended to use because it's not supported in IE/Edge.


<form action="/action.php" method="post">
    Name: <input type="text" name="name">
    Encryption: <keygen name="encript">
    <input type="submit">
</form>
Enter fullscreen mode Exit fullscreen mode

See https://ohmycheatsheet.com/html-cheat-sheet/ for more.

Discussion (0)

Forem Open with the Forem app