In this page, you will know what is a tab index, what is it for, and how to isert it on your web page.
What is a tab index?
Tab index is one of the attributes of a link tag.
Its function is to organize link navigation through its ordinality.
This attribute is useful if you are navigating inside a web page by the tab key.
This is the code for the tab index attribute:
<a href="***" tabindex="@@@">###</a>
Note:
- The asterisks in the code represent the area where you'll input the url of the site where your link will direct you.
- At signs Represent the area where you'll input the ordinality (in numbers) of the link.
- Number signs represent the area where you'll input the visual of your link.
Sample Tab Index
Most common visited websites in the Philippines:
Youtube
Code: <a href="http://www.youtube.com" tabindex="4">Youtube</a>
Instagram
Code: <a href="http://www.instagram.com" tabindex="3">Instagram</a>
Google
Code: <a href="http://www.google.com" tabindex="5">Google</a>
Twitter
Code: <a href="http://www.twitter.com" tabindex="2">Twitter</a>
Facebook
Code: <a href="http://www.facebook.com" tabindex="1">Facebook</a>
Note:
- Visually, the arrangement of the links above is as follows: Youtube, Instagram, Google, Twitter, Facebook.
- When you navigate the links by pressing the tab key, the arrangement of the links will be as follows: Facebook, Twitter, Instagram, Youtube, Google.
- This attribute is useful when you have many links listed and the important one is at the middle of them.
Try It
If you want to try what you have learned in this page, open a notepad and perform them.
Note:
- In saving the file, always put ".htm" as the file extention or else it will just be saved as plane text file.
- Make sure that the "file subtype" in the dialog box is set as "all files".
- Set the encoding to "utf - 8".
Back to home
back to top
© CopyrightMMK 2017