Outline of the label

<! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta Name ="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>! - the head of your webpage - > < header > < div class = "logo" > page logo < / div > <! Navigation bar --> <nav> Navigation bar </nav> </header> <! -- The core of the page --> <main> <! <aside> </aside> <! <article> <h1> <section> Section 1</section> <section> Section 2</section> <section> Section 3</section> </article> </main> <! Footer --> <footer> </footer> </body> </ HTML >Copy the code

Semantic tag

Span tags:

The SPAN tag is a "block" tag in text that doesn't have any special effects on its own and can be combined with CSS to enrich the styleCopy the code

B:

Bold wordsCopy the code

U tags:

The underlineCopy the code

I label:

Slant the textCopy the code

Although b, U, and I tags have been replaced by CSS, they are sometimes used in web pages to indicate text that needs to be emphasized

Strong tags:

Words of particular importanceCopy the code

Em tags:

Emphasize wordsCopy the code

Mark labels:

Represents a paragraph of text that needs to be highlightedCopy the code

Figure and Figcaption tags

The figure element represents a single piece of content. It is used with the Caption, which is a single reference unit, such as an image that suggests the reader expand his or her horizons, and does not affect the body when it is transferred to an appendix or other web page. Not all pictures should be placed in figure. Pictures in Figure will not affect the overall reading. When using labels, appropriate labels should be selected according to semanticsCopy the code