Introduction to H5 semantic tags

H5 New Tag----Semantic Tag

Difference: 1. The default style is different

2. There is SEO optimization Function

1. Header, generally used as the head of a web page

2. aside, sidebar

3. nav, navigation bar

4 , address, address, font style default italic

tag defines the contact information of the author/owner of the document or article.

If the

element is inside a element, it represents document contact information.

If the

element is inside an

element, it represents the article's contact information.

5. Section represents a certain area, partition, page or part of the document. It has independent content but similar structure. You can use section. The scope is larger than p and the semantics is better than p. Strong, can include header, h1-h6... tags that highlight semantics

6, article, independent content, can be articles, blogs, posts, short articles or replies, comments

7, footer, the bottom of the website

8, hgroup, a group specially used to contain the title h tag

9,

Details, details

open attribute: expanded by default

summary is equivalent to the title of the details

10.

dialog box will not be displayed if you do not write open

11.

Image area: can contain multiple pictures or a figcaption, figcation is used to represent pictures Title

The title of the image: generally written inside the figure

The content of the image

< ;/figure>

12, mark and time

mark has special effects, highlighting part of the text, and the background is yellow by default; time has no special effects. It is for the browser to see, and it is only for the browser to capture the information more accurately.

13.meter, defines a scalar measurement within a known range or fractional value, IE does not support

14, progress, the progress of running or downloading

15, ruby , give an explanation

16. Three kinds of quotes

cite: line elements, font tilt

blockquote: block elements, the default spacing between the upper and lower words, and the left and right margins of 40px

q: block element, introduced with quotation marks

17, two formatting codes

code, formatting and displaying newlines and spaces

pre, how we write it can be displayed

The above is the detailed content of Introduction to H5 semantic tags. For more information, please follow other related articles on the PHP Chinese website!