Skip to content

Instantly share code, notes, and snippets.

@bpeterso2000
Created January 9, 2025 18:31
Show Gist options
  • Save bpeterso2000/dd8d975192710961c1890dc9e7b89e51 to your computer and use it in GitHub Desktop.
Save bpeterso2000/dd8d975192710961c1890dc9e7b89e51 to your computer and use it in GitHub Desktop.
List of elements
Element Description Categories Parents† Children Attributes Interface
a Hyperlink flow; phrasing*; interactive; palpable phrasing transparent* globals; href; target; download; ping; rel; hreflang; type; referrerpolicy HTMLAnchorElement
abbr Abbreviation flow; phrasing; palpable phrasing phrasing globals HTMLElement
address Contact information for a page or article element flow; palpable flow flow* globals HTMLElement
area Hyperlink or dead area on an image map flow; phrasing phrasing* empty globals; alt; coords; shape; href; target; download; ping; rel; referrerpolicy HTMLAreaElement
article Self-contained syndicatable or reusable composition flow; sectioning; palpable flow flow globals HTMLElement
aside Sidebar for tangentially related content flow; sectioning; palpable flow flow globals HTMLElement
audio Audio player flow; phrasing; embedded; interactive; palpable* phrasing source*; track*; transparent* globals; src; crossorigin; preload; autoplay; loop; muted; controls HTMLAudioElement
b Keywords flow; phrasing; palpable phrasing phrasing globals HTMLElement
base Base URL and default target navigable for hyperlinks and forms metadata head empty globals; href; target HTMLBaseElement
bdi Text directionality isolation flow; phrasing; palpable phrasing phrasing globals HTMLElement
bdo Text directionality formatting flow; phrasing; palpable phrasing phrasing globals HTMLElement
blockquote A section quoted from another source flow; palpable flow flow globals; cite HTMLQuoteElement
body Document body none html flow globals; onafterprint; onbeforeprint; onbeforeunload; onhashchange; onlanguagechange; onmessage; onmessageerror; onoffline; ononline; onpageswap; onpagehide; onpagereveal; onpageshow; onpopstate; onrejectionhandled; onstorage; onunhandledrejection; onunload HTMLBodyElement
br Line break, e.g. in poem or postal address flow; phrasing phrasing empty globals HTMLBRElement
button Button control flow; phrasing; interactive; listed; labelable; submittable; form-associated; palpable phrasing phrasing* globals; disabled; form; formaction; formenctype; formmethod; formnovalidate; formtarget; name; popovertarget; popovertargetaction; type; value HTMLButtonElement
canvas Scriptable bitmap canvas flow; phrasing; embedded; palpable phrasing transparent globals; width; height HTMLCanvasElement
caption Table caption none table flow* globals HTMLTableCaptionElement
cite Title of a work flow; phrasing; palpable phrasing phrasing globals HTMLElement
code Computer code flow; phrasing; palpable phrasing phrasing globals HTMLElement
col Table column none colgroup empty globals; span HTMLTableColElement
colgroup Group of columns in a table none table col*; template* globals; span HTMLTableColElement
data Machine-readable equivalent flow; phrasing; palpable phrasing phrasing globals; value HTMLDataElement
datalist Container for options for combo box control flow; phrasing phrasing phrasing*; option*; script-supporting elements* globals HTMLDataListElement
dd Content for corresponding dt element(s) none dl; div* flow globals HTMLElement
del A removal from the document flow; phrasing*; palpable phrasing transparent globals; cite; datetime HTMLModElement
details Disclosure control for hiding details flow; interactive; palpable flow summary*; flow globals; name; open HTMLDetailsElement
dfn Defining instance flow; phrasing; palpable phrasing phrasing* globals HTMLElement
dialog Dialog box or window flow flow flow globals; open HTMLDialogElement
div Generic flow container, or container for name-value groups in dl elements flow; palpable flow; dl flow globals HTMLDivElement
dl Association list consisting of zero or more name-value groups flow; palpable flow dt*; dd*; div*; script-supporting elements globals HTMLDListElement
dt Legend for corresponding dd element(s) none dl; div* flow* globals HTMLElement
em Stress emphasis flow; phrasing; palpable phrasing phrasing globals HTMLElement
embed Plugin flow; phrasing; embedded; interactive; palpable phrasing empty globals; src; type; width; height; any* HTMLEmbedElement
fieldset Group of form controls flow; listed; form-associated; palpable flow legend*; flow globals; disabled; form; name HTMLFieldSetElement
figcaption Caption for figure none figure flow globals HTMLElement
figure Figure with optional caption flow; palpable flow figcaption*; flow globals HTMLElement
footer Footer for a page or section flow; palpable flow flow* globals HTMLElement
form User-submittable form flow; palpable flow flow* globals; accept-charset; action; autocomplete; enctype; method; name; novalidate; rel; target HTMLFormElement
h1, h2, h3, h4, h5, h6 Heading flow; heading; palpable legend; summary; flow phrasing globals HTMLHeadingElement
head Container for document metadata none html metadata content* globals HTMLHeadElement
header Introductory or navigational aids for a page or section flow; palpable flow flow* globals HTMLElement
hgroup Heading container flow; palpable legend; summary; flow h1; h2; h3; h4; h5; h6; script-supporting elements globals HTMLElement
hr Thematic break flow flow empty globals HTMLHRElement
html Root element none none* head*; body* globals HTMLHtmlElement
i Alternate voice flow; phrasing; palpable phrasing phrasing globals HTMLElement
iframe Child navigable flow; phrasing; embedded; interactive; palpable phrasing empty globals; src; srcdoc; name; sandbox; allow; allowfullscreen; width; height; referrerpolicy; loading HTMLIFrameElement
img Image flow; phrasing; embedded; interactive*; form-associated; palpable phrasing; picture empty globals; alt; src; srcset; sizes; crossorigin; usemap; ismap; width; height; referrerpolicy; decoding; loading; fetchpriority HTMLImageElement
input Form control flow; phrasing; interactive*; listed; labelable; submittable; resettable; form-associated; palpable* phrasing empty globals; accept; alpha; alt; autocomplete; checked; colorspace; dirname; disabled; form; formaction; formenctype; formmethod; formnovalidate; formtarget; height; list; max; maxlength; min; minlength; multiple; name; pattern; placeholder; popovertarget; popovertargetaction; readonly; required; size; src; step; type; value; width HTMLInputElement
ins An addition to the document flow; phrasing*; palpable phrasing transparent globals; cite; datetime HTMLModElement
kbd User input flow; phrasing; palpable phrasing phrasing globals HTMLElement
label Caption for a form control flow; phrasing; interactive; palpable phrasing phrasing* globals; for HTMLLabelElement
legend Caption for fieldset none fieldset phrasing; heading content globals HTMLLegendElement
li List item none ol; ul; menu* flow globals; value* HTMLLIElement
link Link metadata metadata; flow*; phrasing* head; noscript*; phrasing* empty globals; href; crossorigin; rel; as; media; hreflang; type; sizes; imagesrcset; imagesizes; referrerpolicy; integrity; blocking; color; disabled; fetchpriority HTMLLinkElement
main Container for the dominant contents of the document flow; palpable flow* flow globals HTMLElement
map Image map flow; phrasing*; palpable phrasing transparent; area* globals; name HTMLMapElement
mark Highlight flow; phrasing; palpable phrasing phrasing globals HTMLElement
MathML math MathML root flow; phrasing; embedded; palpable phrasing per [MATHML] per [MATHML] Element
menu Menu of commands flow; palpable* flow li; script-supporting elements globals HTMLMenuElement
meta Text metadata metadata; flow*; phrasing* head; noscript*; phrasing* empty globals; name; http-equiv; content; charset; media HTMLMetaElement
meter Gauge flow; phrasing; labelable; palpable phrasing phrasing* globals; value; min; max; low; high; optimum HTMLMeterElement
nav Section with navigational links flow; sectioning; palpable flow flow globals HTMLElement
noscript Fallback content for script metadata; flow; phrasing head*; phrasing* varies* globals HTMLElement
object Image, child navigable, or plugin flow; phrasing; embedded; interactive*; listed; form-associated; palpable phrasing transparent globals; data; type; name; form; width; height HTMLObjectElement
ol Ordered list flow; palpable* flow li; script-supporting elements globals; reversed; start; type HTMLOListElement
optgroup Group of options in a list box none select option; script-supporting elements globals; disabled; label HTMLOptGroupElement
option Option in a list box or combo box control none select; datalist; optgroup text* globals; disabled; label; selected; value HTMLOptionElement
output Calculated output value flow; phrasing; listed; labelable; resettable; form-associated; palpable phrasing phrasing globals; for; form; name HTMLOutputElement
p Paragraph flow; palpable flow phrasing globals HTMLParagraphElement
picture Image flow; phrasing; embedded; palpable phrasing source*; one img; script-supporting elements globals HTMLPictureElement
pre Block of preformatted text flow; palpable flow phrasing globals HTMLPreElement
progress Progress bar flow; phrasing; labelable; palpable phrasing phrasing* globals; value; max HTMLProgressElement
q Quotation flow; phrasing; palpable phrasing phrasing globals; cite HTMLQuoteElement
rp Parenthesis for ruby annotation text none ruby text globals HTMLElement
rt Ruby annotation text none ruby phrasing globals HTMLElement
ruby Ruby annotation(s) flow; phrasing; palpable phrasing phrasing; rt; rp* globals HTMLElement
s Inaccurate text flow; phrasing; palpable phrasing phrasing globals HTMLElement
samp Computer output flow; phrasing; palpable phrasing phrasing globals HTMLElement
script Embedded script metadata; flow; phrasing; script-supporting head; phrasing; script-supporting script, data, or script documentation* globals; src; type; nomodule; async; defer; crossorigin; integrity; referrerpolicy; blocking; fetchpriority HTMLScriptElement
search Container for search controls flow; palpable flow flow globals HTMLElement
section Generic document or application section flow; sectioning; palpable flow flow globals HTMLElement
select List box control flow; phrasing; interactive; listed; labelable; submittable; resettable; form-associated; palpable phrasing option; optgroup; script-supporting elements globals; autocomplete; disabled; form; multiple; name; required; size HTMLSelectElement
slot Shadow tree slot flow; phrasing phrasing transparent globals; name HTMLSlotElement
small Side comment flow; phrasing; palpable phrasing phrasing globals HTMLElement
source Image source for img or media source for video or audio none picture; video; audio empty globals; type; media; src; srcset; sizes; width; height HTMLSourceElement
span Generic phrasing container flow; phrasing; palpable phrasing phrasing globals HTMLSpanElement
strong Importance flow; phrasing; palpable phrasing phrasing globals HTMLElement
style Embedded styling information metadata head; noscript* text* globals; media; blocking HTMLStyleElement
sub Subscript flow; phrasing; palpable phrasing phrasing globals HTMLElement
summary Caption for details none details phrasing; heading content globals HTMLElement
sup Superscript flow; phrasing; palpable phrasing phrasing globals HTMLElement
SVG svg SVG root flow; phrasing; embedded; palpable phrasing per [SVG] per [SVG] SVGSVGElement
table Table flow; palpable flow caption*; colgroup*; thead*; tbody*; tfoot*; tr*; script-supporting elements globals HTMLTableElement
tbody Group of rows in a table none table tr; script-supporting elements globals HTMLTableSectionElement
td Table cell none tr flow globals; colspan; rowspan; headers HTMLTableCellElement
template Template metadata; flow; phrasing; script-supporting metadata; phrasing; script-supporting; colgroup* empty globals; shadowrootmode; shadowrootdelegatesfocus; shadowrootclonable; shadowrootserializable HTMLTemplateElement
textarea Multiline text controls flow; phrasing; interactive; listed; labelable; submittable; resettable; form-associated; palpable phrasing text globals; autocomplete; cols; dirname; disabled; form; maxlength; minlength; name; placeholder; readonly; required; rows; wrap HTMLTextAreaElement
tfoot Group of footer rows in a table none table tr; script-supporting elements globals HTMLTableSectionElement
th Table header cell interactive* tr flow* globals; colspan; rowspan; headers; scope; abbr HTMLTableCellElement
thead Group of heading rows in a table none table tr; script-supporting elements globals HTMLTableSectionElement
time Machine-readable equivalent of date- or time-related data flow; phrasing; palpable phrasing phrasing globals; datetime HTMLTimeElement
title Document title metadata head text* globals HTMLTitleElement
tr Table row none table; thead; tbody; tfoot th*; td; script-supporting elements globals HTMLTableRowElement
track Timed text track none audio; video empty globals; default; kind; label; src; srclang HTMLTrackElement
u Unarticulated annotation flow; phrasing; palpable phrasing phrasing globals HTMLElement
ul List flow; palpable* flow li; script-supporting elements globals HTMLUListElement
var Variable flow; phrasing; palpable phrasing phrasing globals HTMLElement
video Video player flow; phrasing; embedded; interactive; palpable phrasing source*; track*; transparent* globals; src; crossorigin; poster; preload; autoplay; playsinline; loop; muted; controls; width; height HTMLVideoElement
wbr Line breaking opportunity flow; phrasing phrasing empty globals HTMLElement
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment