Summary of changes in html5 page structure and adding and deleting tags

This article introduces you to the changes in the HTML5 page structure and a summary of adding and deleting tags. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

Page structure

Traditional page structure

html5 page structure

## eg

New tag

1. Structure tag

section tag: section represents a section in the page Content blocks, such as chapters, headers, footers, etc., can also be used together with hn (h1, h2...), etc. to indicate the structure of the document;

article tag: the article element represents the content of the page A piece of independent content that is not related to the context, such as an article;

aside tag: the aside element represents auxiliary information other than the content of the article element and related to the content of the article tag;

header Tag: The header element represents the title of a content block in the page or the entire page;

hgroup tag: represents the combination of the title of the entire page or a content block in the page;

footer tag: The footer element represents the footer of the entire page or a content block in the page. Generally, it contains the name, creation date and contact information of the creator;

nav tag: indicates the navigation link part of the page;

figure tag: indicates an independent stream content, generally indicating An independent unit of content in the main flow of a document. Use the figcaption tag to add a title to the figure tag group.

2. Form tags

email: Email must be entered;

url: URL address must be entered;

number: Numeric value must be entered;

range: You must enter a value within a certain range;

Date Pickers: Date picker;

search: used to search the field, the field is displayed as a regular text field;

color

3. Media tag

video tag: Define video, like a movie clip or other video stream. eg:

audio tag: Define audio, like music or other audio streams. eg:

embed tag: used to embed content (including various media), the format can be Midi, Wav, AIFF, AU, MP3, flash, etc. eg:

4. Other function labels

mark: mark, showing different colors;

progress: Progress bar;

time: mark time;

ruby: comment on a certain word;

rt:

wbr: soft line break, when a line If it cannot be displayed, change the line;

canvas

command: command;

details: expand details;

datalist: prompt content;

keygen: encryption;

output: calculate the form results and give the output value;

source

menu: menu.

Delete tags

1. Tags that can be replaced by css

2. No longer use frame

frameset

frame

noframes

3. Tags only supported by some browsers

4.Other uncommon tags

Recommended related articles:

Combining 2D and 3D in HTML and CSS3 to achieve animation effects

html5 Custom attributes: How to obtain custom attribute values ​​(with code)

The above is the detailed content of Summary of changes in html5 page structure and adding and deleting tags. For more information, please follow other related articles on the PHP Chinese website!