All tags in HTML5 and explanation of the meaning of tags

This article mainly introduces the summary of all tags in HTML5 and the explanation of the meaning of tags. This article summarizes the contents of structural tags, multimedia interaction tags, web application tags, annotation tags, other tags, etc. Friends who need it can refer to the following structure tags: (block elements) Meaningful div

<article> Tags to define an article

<header> tag defines the header of a page or area

<nav> tag definition navigation link

<section> tag defines a region

<aside> tags the sidebar that defines the content part of the page

<hgroup> tags the relevant information about a block in the definition file

<figure> tags define a set of media content and their titles

The <figcaption> tag defines the title of the figure element.

<footer> tag defines the bottom of a page or area

<dialog> tag defines a dialog box (session box) similar to WeChat

<video> tag defines a video

<audio> tag defines audio content

<source> tag defines media resources

<canvas> tag definition image

<embed> tags define external interactive content or plug-in such as flash

<menu>Command List

<menuitem>menu command list tag FF (embedded system)

<command> menu tag defines a command button

<meter> Status Tag (Real-time status display: air pressure, air temperature) C, O

<progress> Status Tag (Task Process: Installation, Loading) C, F, O

<datalist> Define a drop-down list for the input tag, in conjunction with option F and O

<details> tag defines the detailed content of an element, combined with dt and dd C

<ruby> tag definition comments or phonetic symbols

<rp> Tells browsers that do not support Ruby elements how to display them

<rt> tag defines the comment content text for ruby

<keygen> tag defines a generated key value (encrypted information transmission) in the form O, F

<mark> Mark defines marked text (yellow selected status)

<output> tag defines some output types, calculates the form results and cooperates with oninput

Elements of pure expression:

basefont, big, center, font, s, strike, tt, u;

Elements that negatively affect availability:

frame, frameset, noframes;

Elements that generate confusion:

acronym , applet , isindex , dir

<b> Represents inline text, usually in bold, without passing it to indicate important meaning

<i> represents inline text, usually italic, without passing it means important

<dd> can be used with details and figure, the definition contains text, and the dialog is also available

<dt> can be used with details and figure to summarize details, and dialog can also be used

<hr> means the end of the topic, not the horizontal line, although the same is displayed

<menu> Redefine the menu of the user interface and use it in conjunction with common or menuitem

<small> means small fonts, such as printing comments or legal terms

<strong> Indicates importance rather than emphasizes symbols

Sample code: