Strange and Unusual HTML
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