In your day-to-day HTML coding you'll undoubtedly use <div> elements, hopefully even <section>, <aside> and <article> tags where more appropriate. You'll describe semantic relationships between headings using <h1> through to <h6>. Your form inputs are probably of the correct type, dictating whether entered data should be a valid email address, or number - but there are loads of obscure HTML tags and attributes which you might not be familiar with. Some are simple, others are still in development and the occasional one is just downright weird! This collection of tutorials and quick tips will get you up to speed with some of the more unusual HTML tags.
Posts in this series

Quick Tip: Don’t Forget the Viewport Meta Tag

Explaining the “Details” and “Summary” Elements

Getting Started With Scalable Vector Graphics (SVG)

Quick Tip: Don’t Forget the “optgroup” Element

Quick Tip: Using the HTML5 Download Attribute

All You Need to Know About the HTML5 Data Attribute

Introducing the HTML5 “datalist” Element

Build a Custom HTML5 Video Player

Quick Tip: Consider Wrapping Your Code With a “figure” Element

Introducing the HTML5 “Menu” and “Menuitem” Elements

How to Create Your Own HTML Elements With Web Components

Meta Tags and SEO

Native Popups and Modals With the HTML5 “dialog” Element

HTML5 Form Validation With the “pattern” Attribute

Quick Tip: Don’t Forget the “noscript” Element



