The most comprehensive HTML5 tags

With the development of programming languages, the hottest topic in the field of web front-end development in recent years is undoubtedly HTML5. HTML5 has fundamentally changed the way developers develop web applications, from desktop browsers to mobile applications. This language and standards are affecting and will continue to affect various operating platforms. In this article, we will share with you a set of HTML5 tags, come and get it now!

Tags that can be omitted

Tags that do not allow closing tags: area (defines the area in the image map), base (specifies for all links on the page Default address 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 tags of the end tag: li, dt, dd, p, rt, optgroup, option, colgroup, thread, tbody, tr, td, th

Tags that can be completely omitted: html, head, body, colgroup, tbody

New tags

section: A content block in the page, into a chapter , page, 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:

audio:Audio.

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

mark: change color, pay attention.

progress: progress bar. exp:

time: Defines the 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 will know 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:

output:exp:

Global attributes

data-type: Custom attributes.

hidden: hidden, single label.

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

tabindex:tab key order.

contenteditable: Modify the content. exp:

Make the entire text editable: <script>window.document.designMode="off";</script>/ /off off, on: editable

I hope the content shared above will be helpful to you. For more HTML5 related issues and tutorials, please follow the PHP Chinese website.

Related recommendations:

Instance introduction to html tags

HTML5 tag selection method guide

HTML5 tag collection

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