From the course: Crafting Meaningful HTML

Craft meaningful HTML - HTML Tutorial

From the course: Crafting Meaningful HTML

Start my 1-month free trial

Craft meaningful HTML

- Just recently the HTTP Archive released their annual "State of the Web Report." According to the HTML section of the report, some of the most frequently used tags include div, span, script, image, and a, with these tags occurring in over 90% of the webpages that were surveyed. However, there are 40 other HTML tags that only occurred in 5% of those webpages. Why are so many tags not used? Semantic HTML means HTML with meaning behind its elements. In other words, what is each bit of content on the page structurally speaking? Is it vocally emphasized? Is it an address, or is it an abbreviation? Is it an article, or is it something that's not really the main focus of the page? Accessible websites feature semantic, meaningful HTML at their core. Indeed, you get a great start on an accessible website just by leveraging all that HTML has to offer, rather than limiting yourself to a pile of divs and spans. With accessibility at the forefront of developer's minds and with the news talking about yet another lawsuit about an inaccessible website, there's never been a better time to learn the rest of HTML. I'm Jen Kramer, and for 20 years, I've been teaching students that the hypertext markup language is about identifying the types of content on a webpage, not about providing the scaffolding for hanging CSS classes and JavaScript events. So, if you're ready, let's get started crafting some meaningful HTML.

Contents