Skip to content

Instantly share code, notes, and snippets.

@KaraAJC
Created July 6, 2017 13:13
Show Gist options
  • Save KaraAJC/79b0395d655d3d99e24a692194c5ed97 to your computer and use it in GitHub Desktop.
Save KaraAJC/79b0395d655d3d99e24a692194c5ed97 to your computer and use it in GitHub Desktop.
My 10 Favorite HTML Elements

Here are a few HTML elements that are pretty cool!

input - http://htmlreference.io/element/input/ Input element helps us create forms by gathering user input. The greatest thing about the element are the attributes that are setup to assist in getting the best representation of the data as possible! There are a lot of great input types that have their own style and functionality to really help a user formulate the data. Some attributes include:

progress - http://htmlreference.io/element/progress/ Progress creates a progress bar! code - http://htmlreference.io/element/code/ canvas - http://htmlreference.io/element/canvas/ audio - http://htmlreference.io/element/audio/ map - http://htmlreference.io/element/map/ mark - http://htmlreference.io/element/mark/ meta - http://htmlreference.io/element/meta/ embed - http://htmlreference.io/element/embed/ bdo - http://htmlreference.io/element/bdo/

BONUS ROUND! Global attributes that are pretty awesome!

data-* - https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-* hidden - https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden draggable - https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable spellcheck - https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck#Browser_compatibility contenteditable - https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable

<!-- progress -->
<progress></progress>
<!-- code -->
<code> </code>
<!-- -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment