Three New Tags

_Subscript and ^Superscript

The <sub> and <sup> tags are used to represent subscript and superscript numbers for mathematical equations and other related uses. <sub> tags are used as subscript which are small numbers that appear below the baseline of an equation or formula while <sup> tags are used as superscript which are small numbers that sit above notation text. Here are some examples:

Subscript Examples:

The chemical formula for oxygen is O₂.

The chemical formula for carbon dioxide is CO₂.

Superscript Examples:

7⁶=2,401 (7x7x7x7x7x7 in simple terms)

3²+2³ (9+8=17)

These tags can be nested within paragraph <p> tags where these can be applied as followed below:

<h3>Subscript Examples:</h3>
<p>The chemical formula for oxygen is O₂.</p>
<p>The chemical formula for carbon dioxide is CO₂.</p>
<h3>Superscript Examples:</h3>
<p>7⁶=2,401 (7x7x7x7x7x7 in simple terms)</p>
<p>3²+2³ (9+8=17)</p>

These tags were found at blog.ossph.org

<details> Details </details> and <summary> Summary </summary>

The <details> and <summary> tags work together as one feature that allows users to open and close collections of information. The <details> tags create a collection of information that can be browsed on demand while the <summary> tags create the name that goes in accordance with the collection. All information is added after the <summary> tags within the <details> collection. The examples are below:

Click the triangle on a collection to open and close:

Information can be separated with a line break <br> tag to push text down to the next line as shown in the code below:

<h3>Click the triangle on a collection to open and close:</h3>
<details>
<summary>Mission 1</summary>
Take the license test
</details><br>
<details>
<summary>Mission 2</summary>
Go job searching
</details><br>
<details>
<summary>Mission 3 (Classified)</summary>
You do not have permission to access this information<br>
-Pin code and fingerprint required-
</details>

These tags were found at blog.duda.co

<ruby> Ruby Annotation </ruby>

The <ruby> annotation tags attach small noted text that appears above the main type to show small notes for references and translations of what is said in a different language. When using <ruby> tags, two other tags are needed: <rt> (ruby text element) adds the translation to the type and <rp> (ruby fallback parenthesis element) provides supported display for viewing ruby annotations that are not viewable on older browser versions. The following are two examples:

English Notes Example:

Japanese Translation Example:

This is how to execute it:

<h3>English Notes Example:</h3>
<ruby>
Machine Head live at LCCC <rp>(</rp><rt>BYOB (Bring your own beverage)</rt><rp>)</rp>
</ruby>
<h3>Japanese Translation Example:</h3>
<ruby>
しば いぬ<rp>(</rp><rt>Shiba Inu (Brushwood Dog)</rt><rp>)</rp>
</ruby>

This tag was found at geeksforgeeks.org