Chapter 4
HTML5 for Responsive Web Designs
Section 3
Semantic HTML5
Most websites follow fairly standard structural conventions; typical areas include a header, a footer, a sidebar, a navigation bar, and so on. We will often name the div elements we use to more clearly designate these areas. However, as far as the code itself goes, any user agent looking at it wouldn't be able to say for sure what the purpose of each of these div elements is. Users of assistive technology would also find it difficult to differentiate one div from another. HTML5 aims to solve that problem with new semantic elements. This video covers: - New Semantic Elements in HTML5 - The <main> Element - The <section> Element - The <nav> Element - The <article> Element - The <aside> Element - The <figure> and <figcaption> Elements - The <header> Element - The <footer> Element - The <address> Element - Demo on Putting HTML5 Elements to Use