Skip to content

Instantly share code, notes, and snippets.

@binarykore
Created February 5, 2021 11:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save binarykore/0a76edf863877caba444a2e57d1a9e28 to your computer and use it in GitHub Desktop.
Save binarykore/0a76edf863877caba444a2e57d1a9e28 to your computer and use it in GitHub Desktop.
W3C / HTML5 / HTML4 Gist

HTML5 Elements

Structural Elements:

Element => Description

  • < article > Defines an independent section of writing
  • < aside > Defines info separate from main content
  • < footer > Defines bottom information of page or article
  • < header > Defines a headline
  • < hgroup > Defines a group of headlines
  • < nav > Defines a navigation list
  • < section > Defines a major portion of a page or article
  • < bdi > Indicates text selected for separate formatting
  • < command > Defines a command button
  • < details > Defines extra info that can be hidden
  • < mark > Defines highlighted text
  • < summary > Defines headline for a < details > element
  • < ruby > Defines Ruby notation for East Asian alphabets
  • < rt > Defines pronunciation and explanation for some East Asian characters
  • < rp > Defines what to display for browsers without Ruby support
  • < time > Defines date and time
  • < wbr > Defines a possible line-break

Media, Content & Graphics Elements:

Element => Description

  • < audio > Defines audio content
  • < video > Defines video content
  • < source > Defines multimedia resources for and
  • < embed > Defines container for a plug-in or external application
  • < track > Defines text tracks for < audio > or < video > elements
  • < figure > Defines image content
  • < figcaption > Defines a caption for a < figure > element
  • < canvas > Creates graphics using scripting language

Forms Elements:

Element => Description

  • < datalist > Defines options for field entry of a form
  • < keygen > Defines a field to generate key-pairs for forms
  • < output > Defines a calculation result
  • < progress > Indicates progress on a task
  • < meter > Defines a scalar measure or gauge

Other Elements:

Element => Description

  • < b > Represents words with extra attention like keywords (does not mean increased importance or changed voice or mood)
  • < i > Represents text with alternative voice or mood
  • < noscript > Presents fallback markup when scripting is not supported (not used in XML)
  • < s > Represents contents that are inaccurate or irrelevant
  • < small > Represents side comments (like small print)
  • < u > Represents text needing attention like misspellings or Chinese proper name marks

Copyright (2021)

  • Compiled by BinaryKorra, 09225205353
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment