HTML5—Usage and compatibility of new semantic elements

1. New semantic elements:

HTML5 provides new semantic elements to clarify different parts of a Web page.

• ##
  :

  describes the header area of the document, is used to define the introduction display area of ​​the content

##
:

Define the section (section, section) in the document. For example, a section, header, footer, or other section in a document, a

section usually contains a set of content and its title.

:

Define independent content.

2. Browser compatibility issues with new elements:

In order for these blocks and elements to take effect in all versions of browsers, you need to add them to the style Set the following attributes in the table file (the following style code allows older browsers to support the block-level elements introduced in this chapter):

header, section, footer, aside, nav, article, figure
{ 
    display: block; 
}

IE8 and earlier IE versions cannot render CSS effects in these elements, so you cannot use