Three New Tags

<a href="#C2"> Bookmark </a>

The Bookmark feature in HTML allows you to jump to a specific sections of a web page by giving a link. This is useful for skipping around especially in long documents. It is created using a href that starts with a #.

Example:

Go to Section 2

Section 2

This is Section 2 of the page.

The code that produced the output above looks like this:

  <li><a href="#section2">Go to Section 2</a></li>
<div style="height: 600px;"></div>

<h3 id="section2">Section 2</h3>
<p>This is Section 2 of the page.</p>

I found this tag at w3schools.com


< accesskey="m"> Accesskey

The accesskey attribute in HTML allows users to jump to a specific part of the page using a keyboard shortcut. This improves accessibility by helping users who prefer or need to navigate with their keyboard instead of a mouse. You can jump to the main section by pressing Alt + M (or Ctrl + Option + M on Mac).

Example:

Skip to Main Content (Access Key: Alt + M)

Main Content

The code that produced the output above looks like this:

  <li><a href="#main-content" accesskey="m">Skip to Main Content (Access Key: M)</a>
<div style="height: 600px;"></div>

<h3 id="main-content">Main Content</h3>

I found this tag at developer.mozilla.org


<progress> Progress Bar </progress>

The progress bar attribute in HTML allows a user to see a progress bar telling them the percent something is at. It represents the completion progress of a task.

Example:

70%

Loading Complete: 70%

The coding that produced the output above looks like this:

<progress value="70" max="100">70%</progress>
<p>Loading complete: 70%</p>

I found this tag at getbootstrap.com