Summary of tags in HTML5

Tags that can be omitted

Tags that do not allow closing tags: area (defines the area in the image map), base (specifies the default address for all links on the page or Default target), br, col (define attribute values ​​for one or more columns in the table), embed (define embedded content, such as plug-ins--5), hr, img, input, keygen, link, meta, param, source , track, wbr

You can omit the tag of the end tag: li, dt, dd, p, rt, optgroup, option, colgroup, thread, tbody, tr, td, th

can be completely Omitted tags: html, head, body, colgroup, tbody

New tags

section: A content block in the page, into chapters, pages, The footer or other parts of the page can be used in combination with h1, h2... and other tags to represent the document structure.

article: Represents an independent piece of content on the page that has nothing to do with the context, such as an article.

aside: Define content other than article. The content of aside should be related to the content of article.

header: The title of the content block in the page or the entire page.

footer: The content block in the page or the footer of the entire page.

hgroup: Group the content blocks in the page or the titles of the entire page.

nav: Part of the navigation link.

figure: Specifies independent flow content (images, charts, photos, code, etc., the content should be related to the main content, but if deleted, it should not have an impact on the document flow).

video: video. exp:

<video src="url" controls="controls">视频</video>

audio:Audio.

embed: Used to embed content (including various media).

mark: change color, pay attention.

progress: progress bar. exp:

<progress max="100" value="85"></progress>

time: Defines date or time, or both. This tag is used by the search engine. The engine will know based on this tag that this block represents a time. There is an attribute named pubdate. When the engine reads it, it knows that the value in datatime in this block is the publication time of this article, and there are two special characters T and Z in this time. T represents the separator of date and time, and Z represents the standard format of time. exp:

datalist: Define the option list. Use this element in conjunction with an input element to define the possible values ​​of the input. exp:

<input list="cars"/><datalist id="cars"><option value=""></datalist>
output:exp:<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="50">100+<input type="number" id="b" value="50">=<output name="x" for="a b"></output></form>

Global attributes

data-type: Custom attributes.

hidden: hidden, single label.

spellcheck: Correct the grammar of the input content. exp:

<textarea spellcheck="true" ></textarea>

tabindex:tab key order.

contenteditable: Modify the content. exp:

<p contenteditable="true" ></p>

Make the entire text editable:

<script>window.document.designMode="off";</script>

//off, on: editable

[Related recommendations]

1. Free h5 online video tutorial

2. Solving browser compatibility issues with HTML5 new tags

3. HTML5 new elements , tag summary

The above is the detailed content of Summary of tags in HTML5. For more information, please follow other related articles on the PHP Chinese website!