| Grouping |
<p> |
- Represents a paragraph
<p></p>
|
<hr> |
- Represents a thematic break between paragraph-level
<hr>
|
<pre> |
- Represents preformatted text
<pre></pre>
|
<blockquote> |
- Represents a section quoted from another source
<blockquote></blockquote>cite="URL"
|
<ol> |
- Represents an ordered list
<ol></ol>type="1 | a | A | i | I"
start="Number"
reversed
|
<ul> |
- Represents an unordered list
<ul></ul>
|
<menu> |
- Represents a toolbar consisting of list items
<menu></menu>
|
<li> |
- Represents a list item
<li></li>value="Number"
|
<dl> |
- Represents a description list
<dl></dl>
|
<dt> |
- Represents a term or name in a description list
<dt></dt>
|
<dd> |
- Represents a description, definition, or value in a description list
<dd></dd>
|
<figure> |
- Represents a referenced self-contained content
<figure></figure>
|
<figcaption> |
- Represents a caption or legend for a <figure> element
<figcaption></figcaption>
|
<main> |
- Represents the main contents of a document
<main></main>
|
<div> |
- Represents a group of elements (Often used together with the global attributes)
<div></div>
|
| Text semantics |
<a> |
- Represents a hyperlink
<a></a>href="URL"
hreflang="LanguageTag"
type="MIME-Type"
rel="LinkType"
target="_blank | _self | _parent | _top | BrowsingContextName"
download | download="FileName"
ping="URL"
referrerpolicy="no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url | EmptyString"
|
<em> |
- Represents emphasized text
<em></em>
|
<strong> |
- Represents strong importance, seriousness, or urgency of text
<strong></strong>
|
<small> |
- Represents side comment expressed in small print
<small></small>
|
<s> |
- Represents text that is no longer accurate or no longer relevant
<s></s>
|
<cite> |
- Represents the title of a work
<cite></cite>
|
<q> |
- Represents a phrase quoted from another source
<q></q>cite="URL"
|
<dfn> |
- Represents a definition term
<dfn></dfn>title="DefinitionTerm"
|
<abbr> |
- Represents an abbreviation or acronym
<abbr></abbr>title="ExpandedText"
|
<ruby> |
- Represents a ruby annotation
<ruby></ruby>
|
<rt> |
- Represents a ruby text of a ruby annotation
<rt></rt>
|
<rp> |
- Represents parentheses around a ruby text of a ruby annotation
<rp></rp>
|
<data> |
- Specifies a machine-readable data of a element content
<data value=""></data>value="CharacterString"
|
<time> |
- Represents a date and time
<time></time>datetime="YYYY-MM-DDThh:mm:ssZ | etc..."
|
<code> |
- Represents a fragment of computer code
<code></code>
|
<var> |
- Represents a variable
<var></var>
|
<samp> |
- Represents sample output from a computer program
<samp></samp>
|
<kbd> |
- Represents user input
<kbd></kbd>
|
<sub> |
- Represents a subscript
<sub></sub>
|
<sup> |
- Represents a superscript
<sup></sup>
|
<i> |
- Represents a span of text in an alternate voice, technical term, etc
<i></i>
|
<b> |
- Represents a span of text in a keyword, product name, etc
<b></b>
|
<u> |
- Represents labeled text
<u></u>
|
<mark> |
- Represents marked or highlighted text
<mark></mark>
|
<bdi> |
- Represents a span of text isolated from its surroundings
<bdi></bdi>dir="auto | ltr | rtl"
|
<bdo> |
- Overrides the Unicode bidirectional algorithm
<bdo dir=""></bdo>dir="ltr | rtl"
|
<span> |
- Represents a span of text (Often used together with the global attributes)
<span></span>
|
<br> |
- Represents a line break
<br>
|
<wbr> |
- Represents a line break opportunity
<wbr>
|
| Embedded |
<picture> |
- Embed responsive images in a document
<picture></picture>
|
<source> |
- Specifies multiple source sets or multiple media resources (Used within a <picture>, <video>, or <audio> element)
<source src="">
<source srcset="">type="MIME-Type" (<picture> | <video> | <audio>)
src="URL" (<video> | <audio>)
srcset="URL | URL Widthw | URL PixelRatiox" (<picture>)
media="MediaQuery" (<picture>)
sizes="MediaQuery Width" (<picture>)
width="Width" (<picture>)
height="Height" (<picture>)
|
<img> |
- Embed an image in a document
<img src="">src="URL"
alt="AlternateText"
width="Width"
height="Height"
usemap="#MapName"
ismap
crossorigin="anonymous | use-credentials | EmptyString"
srcset="URL | URL Widthw | URL PixelRatiox"
sizes="MediaQuery Width"
referrerpolicy="no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url | EmptyString"
decoding="sync | async | auto"
loading="lazy | eager"
|
<iframe> |
- Represents a nested browsing context (inline frame)
<iframe></iframe>src="URL"
srcdoc="HTML-Code"
width="Width"
height="Height"
name="BrowsingContextName"
sandbox | sandbox="allow-forms | allow-modals | allow-orientation-lock | allow-pointer-lock | allow-popups | allow-popups-to-escape-sandbox | allow-presentation | allow-same-origin | allow-scripts | allow-top-navigation | allow-top-navigation-by-user-activation | allow-downloads"
allow="PermissionsPolicy"
allowfullscreen
referrerpolicy="no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url | EmptyString"
loading="lazy | eager"
|
<embed> |
- Embed an external application in a document
<embed>src="URL"
type="MIME-Type"
width="Width"
height="Height"
|
<object> |
- Embed an external resource in a document
<object></object>data="URL"
type="MIME-Type"
width="Width"
height="Height"
name="BrowsingContextName"
form="ID-Name"
|
<param> |
- Specifies a parameter for an <object> element
<param name="" value="">name="ParameterName"
value="ParameterValue"
|
<video> |
- Embed a video content in a document
<video></video>src="URL"
poster="URL"
preload="none | metadata | auto"
width="Width"
height="Height"
autoplay
loop
muted
controls
playsinline
crossorigin="anonymous | use-credentials | EmptyString"
|
<audio> |
- Embed an audio content in a document
<audio></audio>src="URL"
preload="none | metadata | auto"
autoplay
loop
muted
controls
crossorigin="anonymous | use-credentials | EmptyString"
|
<track> |
- Specifies text tracks for a <video> or <audio> element
<track src="">src="URL"
kind="subtitles | captions | descriptions | chapters | metadata"
srclang="LanguageTag"
label="LabelText"
default
|
<map> |
- Defines an image map
<map name=""></map>name="MapName"
|
<area> |
- Sets an area inside an image map
<area>shape="rect | circle | poly | default"
coords="Coordinates(x,y...)"
href="URL"
alt="AlternateText"
rel="LinkType"
target="_blank | _self | _parent | _top | BrowsingContextName"
download | download="FileName"
ping="URL"
referrerpolicy="no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url | EmptyString"
|
| Table |
<table> |
- Represents a table
<table></table>
|
<caption> |
- Represents a table caption
<caption></caption>
|
<colgroup> |
- Represents a group of one or more columns in a table
<colgroup></colgroup>span="NumberOfColumns"
|
<col> |
- Represents one or more columns within a <colgroup> element
<col>span="NumberOfColumns"
|
<tbody> |
- Represents a group of rows that consist of a body in a table
<tbody></tbody>
|
<thead> |
- Represents a group of rows that consist of a header in a table
<thead></thead>
|
<tfoot> |
- Represents a group of rows that consist of a footer in a table
<tfoot></tfoot>
|
<tr> |
- Represents a row in a table
<tr></tr>
|
<td> |
- Represents a cell in a table
<td></td>colspan="NumberOfColumns"
rowspan="NumberOfRows"
headers="ID-Name"
|
<th> |
- Represents a header cell in a table
<th></th>colspan="NumberOfColumns"
rowspan="NumberOfRows"
abbr="Abbreviation"
headers="ID-Name"
scope="auto | row | col | rowgroup | colgroup"
|
| Global attribute |
accesskey |
- Assigns an access key to an element
accesskey="Key"
|
autocapitalize |
- Specifies autocapitalization of input characters (For software keyboard)
autocapitalize="off | none | on | sentences | words | characters"
|
autofocus |
- Set automatic focus to an element
autofocus
|
class |
- Add a class name to an element
class="ClassName"
|
contenteditable |
- Specifies whether the element content is editable
contenteditable="true | false | EmptyString"
|
dir |
- Specifies the text direction of the element content
dir="ltr | rtl | auto"
|
draggable |
- Specifies whether the element is draggable
draggable="true | false"
|
enterkeyhint |
- Specifies the type of action label to display on the enter key (For software keyboard)
enterkeyhint="enter | done | go | next | previous | search | send"
|
hidden |
- Specifies that the element is currently not relevant
hidden
|
id |
- Add a unique id to an element
id="ID-Name"
|
inputmode |
- Specifies the type of input mode (For software keyboard)
inputmode="none | text | tel | url | email | numeric | decimal | search"
|
is |
- Associate that the element with a customized built-in element
is="CustomElementName"
|
itemid |
- Specifies a global identifier for an item (For microdata)
itemid="URL"（URI?）
|
itemprop |
- Specifies a property name for an item (For microdata)
itemprop="PropertyName"
|
itemref |
- Associate that the element with an item outside the item group (For microdata)
itemref="ID-Name"
|
itemscope |
- Represents that the element content is a group of items (For microdata)
itemscope
|
itemtype |
- Specifies the definition of the property name used within the item group (For microdata)
itemtype="URL"
|
lang |
- Specifies the language of the element content
lang="LanguageTag"
|
nonce |
- Represents a cryptographic nonce (number used once) used by Content Security Policy
nonce="CryptographicNonce"
|
slot |
- Associate that the element with a specific <slot> element
slot="SlotName"
|
spellcheck |
- Specifies whether the input text is to have spelling- and grammar-checking enabled
spellcheck="true | false | EmptyString"
|
style |
- Specifies a CSS style directly to a element
style="CSS-Code"
|
tabindex |
- Specifies the tab order of an element
tabindex="Number"
|
title |
- Represents supplementary information for an element
title="Text"
|
translate |
- Specifies whether the element content to the object of translation
translate="yes | no | EmptyString"
|
