◐ Shell
clean mode source ↗

GitHub - weo3dev/html5-elements-visual-reference: Single page with most of the elements of HTML5 visually displayed for style reference.

Introduction

A simple, single page with a most of the HTML5 elements visually represented for CSS styling and display reference. This is a curated list, meaning, there are some HTML5 elements that exist that are either poorly supported due to them still being experimental, disruptive, or deprecated. For example, the blink tag shall not be listed here.

The organization of this page, the elements listed, and their definitions were inspired by or directly taken from MDN's HTML elements reference page.

Github.io page

Take a look at the page with styling only for the presentation of the information: view

Elements

Content Sectioning

  • address
  • article
  • aside
  • footer
  • header
  • h1, h2, h3, h4, h5, h6
  • nav
  • section

Text Content

  • blockquote
  • dd
  • div
  • dl
  • dt
  • figcaption
  • figure
  • hr
  • li
  • ol
  • p
  • pre
  • ul

Inline Text Semantics

  • a
  • abbr
  • b
  • bdo
  • br
  • cite
  • code
  • data
  • dfn
  • em
  • i
  • kbd
  • mark
  • q
  • rp
  • rt
  • ruby
  • s
  • samp
  • small
  • span
  • strong
  • sub
  • sup
  • time
  • var

Image and Multimedia

  • img
  • video

Embedded Content

  • picture

Demarcating Edits

  • del
  • ins

Table Content

  • caption
  • col
  • colgroup
  • table
  • tbody
  • td
  • tfoot
  • th
  • thead
  • tr

Forms

  • button
  • datalist
  • fieldset
  • form
  • input
  • label
  • legend
  • meter
  • optgroup
  • option
  • output
  • progress
  • select
  • textarea

License

MIT

Copyright

Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/