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


- Quick Tip: Remember to Style Your ALT Text


- Quick Tip: Set Relative URLs With the “base” Tag


- Introducing the HTML5 “Menu” and “Menuitem” Elements


- How to Create Your Own HTML Elements With Web Components


- Meta Tags and SEO


- Quick Tip: How to Use HTML5 “picture” for Responsive Images


- Native Popups and Modals With the HTML5 “dialog” Element


- HTML5 Form Validation With the “pattern” Attribute


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

