Home > Article > Web Front-end > 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.
Traditional page structure
html5 page structure
## eg New tag1. Structure tagsection 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; color3. 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 labelsmark: 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; canvascommand: command; details: expand details; datalist: prompt content; keygen: encryption; output: calculate the form results and give the output value; sourcemenu: menu. Delete tags1. Tags that can be replaced by css2. No longer use frameframesetframenoframes3. Tags only supported by some browsers4.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!