Skipping:

Main root
Document metadata
Sectioning root

Content sectioning:

1480 Haight St, San Francisco, CA 94117
San Fransicso, CA 94117

This is an <address> element wrapping the content above (which is using a single <p> element, with 3 <span> elements inside)

This is an <article> element

This is a <header> element.

This is a <h1> element

This is a <h2> element

This is a <h3> element

This is a <h4> element

This is a <h5> element

This is a <h6> element.

This is a <main> element

This is a <section> element

Text content:

This is a <blockquote> element

This is a <dt> element :: This is a <dd> element

That is a <dl> element wrapping a <dt> and <dd> element above

This is a <div> element

This is a <figcaption> inside of a <figure> element; that's the Phish logo above via an <img> element

That is a <hr> element above

This is an <li> element
This is an <li> element

That is an <ol> element wrapping the list items above

This is a <p> element

This is a <pre> element

This is an <li> element
This is an <li> element

That is a <ul> element wrapping the list items above

Inline text semantics:

This is an <a> element, or "link"

This is an <ABBR> element inside of a <p> element

This is a <b> element
This is a <bdi> element
This is a <bdo> element

That is a <br> element above
This is a <cite> element
This is a <code> element
This is a <data> element
This is a <dfn> element
This is an <em> element
This is an <i> element
This is a <kbd> element
This is a <mark> element
This is a <q> element

漢 (Kan) 字 (ji)

There are <rp> and <rt> elements contained in a <ruby> element above

~~This is a <s> element~~
This is a <samp> element
This is a <small> element
This is a <span> element
This is a <strong> element
This is a _sub inside of a <span> element
This is a ^sup inside of a <span> element
This is a <time> element
This is a <u> element
This is a <var> element

Image and multimedia:

Skipping the <area> element

That is an <audio> element above

Phish at Madison Square Garden on New Years Eve

That is an <img> element above

Skipping the <map> element
Skipping the <track> element

That is a <video> element above

Embedded content:

That is an <embed> element above

That is an <iframe> element above

That is an <object> element above

Skipping the <param> element

That is an <picture> element above, with a <source> and <img> element inside

Skipping the <portal> element
Skipping the <source> element

SVG and MathML:

That is a <svg> element above, creating the circles.

a^{2} + b^{2} = c^{2}

That is a <math> element above

Scripting:

There is an invisible <noscript> element on the line above that should only display if scripting is disabled
There is an invisible script element on the line above that contains JavaScript to color the <canvas> element above green

Demarcating edits:

~~This is a <del> element~~
This is a <ins> element

Table content:

This is a <tfoot> element

This is a <caption>element
This is a <th> element; uncolored, 1 column	This is a <th> element; skyblue, 2 columns		This is a <th> element; peachpuff, 2 columns
This is a <td> element	This is a <td> element	This is a <td> element	This is a <td> element	This is a <td> element
This is a <td> element	This is a <td> element	This is a <td> element	This is a <td> element	This is a <td> element
This is a <td> element	This is a <td> element	This is a <td> element	This is a <td> element	This is a <td> element

That is an <table> element above, containing the following elements:

A <caption> element
A <colgroup> element (to set column groups, and add colors)
A <col> element
A <thead> element
A <tr> element
A <th> element
A <tbody> element
A <td> element
A <tfoot> element

Forms:

Chocolate: at 80/100 Coconut: at 60/100 Mint: at 35/100 Strawberry: at 50/100 Vanilla: at 70/100

There is an <legend> element wrapping the <meter> elements above

Choose a flavor:

There is an <fieldset> element wrapping the <datalist> element above

If other, enter a new one:

That is a generic text <input> element above

Form progress: 1%

That is a <progress> element above

Select your type of cone:

That is a <select> element above

+ = 60

That is two <input> elements and an associated <output> element above

Any additional comments?:

That is a <textarea> element above

That is a <button> element above (which defaults to `type="submit"` insidie of a <form> element)

Interactive elements:

This is a <summary> element (inside a <details> element)

It creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.

Skipping:

Web Components