HTML5 has added some more semantically better tag elements.
Structural element
The article element represents a piece of independent content on the page that is not relevant to the context, such as an article in a blog.
The aside element represents content other than the article content, auxiliary information.
The header element represents the header of a content block in the page or the entire page.
The hgroup element is used to group the title of a block in the page or the entire page.
The footer element represents the footer of a content block in the page or the entire page.
The figure element, representing groupings of media content, and their titles.
The section element represents a block of content on the page, such as a chapter.
The nav element represents a navigation link in the page.
Other elements
The video element is used to define the video.
The audio element is used to define audio.
The Canvas element is used to display graphics. The element itself has no behavior and only provides a canvas.
The embed element is used to insert various multimedia, and the format can be Midi, Wav, AIFF, AU, MP3, etc.
The mark element is used to display highlighted text.
The progress element is used to display the progress of any type of task.
The meter element, representing a metric, defines a metric within a predefined range.
The time element is used to display the date or time.
The command element represents a command button.
The details element is used to display the details that the user requires and can get.
The summary element is used to define a visible title for the details element.
The datalist element is used to display an optional data list. It can be used in conjunction with the input element to create a drop-down list of input values.
The datagrid element, also used to display an optional data list, is displayed in the form of a tree list.
The keygen element represents the generation of the key.
output elements, representing different types of output.
The source element defines the media resource for the media element.
menu element, representing a menu list.
The ruby element represents a ruby comment, and the rt element represents the interpretation or pronunciation of the character. The rp element is used in ruby annotations to define what is displayed by browsers that do not support ruby elements.
wbr element, which means soft line break. The difference with the br element is: the br element means that the line must be wrapped here, while the wbr element means that the browser window or the width of the parent element is wide enough. No line wrapping is performed, and when the width is not enough, the line wrapping is actively performed here.
A bdi element that defines the text orientation of the text so that it deviates from the orientation setting of the text around it.
The dialog element, representing a dialog or window.
Deprecated elements
Some purely presentational elements are deprecated in html5, some elements are only supported by some browsers, and some elements will negatively affect usability.
Pure presentational elements
Pure presentational elements are those that can be replaced with CSS. Elements such as basefont, big, center, font, s, strike, tt, and u all serve purely for page display. HTML5 advocates placing page display functions in CSS style sheets for unified processing, so these elements are Abolished and replaced with css styles.
Elements that have a negative impact on usability
For frameset elements, frame elements and noframes elements, because the frame frame has a negative impact on the usability of web pages, the frame frame is no longer supported in html5, only the iframe frame is supported. In html5, frameset, frame and noframes are simultaneously These three elements are repealed.
Elements that are only supported by some browsers
For elements such as applet, bgsound, blink, and marquee, they are only supported by some browsers, especially the bgsound element and the marquee element, which are only supported by IE, so they are abolished in html5. The applet element can be replaced by the embed element or the object element, the bgsound element can be replaced by the audio element, and the marquee can be replaced by javascript programming.