Due to the lack of structure, even good HTML pages are difficult to deal with. The level of the title must be analyzed to see how each part is divided. The sidebar, footer, header, navigation bar, main content area and articles are represented by common div elements. HTML 5 adds new elements to identify these common structures:
・section: This can be a chapter or section in the book, and it can actually be anything with its own title in HTML 4
・Header: The header displayed on the page; it is different from the head element
・ footer: footer; can display signatures in emails
・nav: A set of links to other pages
・ article: an article in blog, magazine, article compilation, etc.
Let's consider a typical blog homepage, which has a header at the top and a footer at the bottom, as well as several articles, a navigation area and a sidebar, see Code 1 Typical blog page
Sample code [www.CuoXIn.com]