From the course: React: Components, Context, and Accessibility

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Using semantic HTML

Using semantic HTML - React.js Tutorial

From the course: React: Components, Context, and Accessibility

Start my 1-month free trial Buy for my team

Using semantic HTML

“

- [Narrator] When HTML5 was released years ago, it came with a new set of tags that could be used to describe dom elements more semantically. Instead of creating user interfaces with a collection of divs, new tags were introduced to ref common content locks. After analyzing the most common used classes and IDs, a new list of tags was assembled. For example, a div with a class of header would now be header, and a div with an ID of footer could now just be a footer. Here's a collection of many of these new semantic tags. So again, header represents some introductory content, a nav element would contain a list of links to other pages or resources, a section might indicate a generic section of the document and could include a bunch of article tags to indicate a self-contained composition. And then finally, we have aside and the footer. Aside containing some tangentially related content, things like sidebars, pull quotes, etc.…

Contents