How to make an HTML element non-focusable?

To make an HTML element non-focusable, we set the tabindex attribute to -1.

For instance, we write

<a href="http://foo.bar" tabindex="-1">unfocusable</a>

to set the link’s tabindex attribute to -1 to make the link non-focusable.