Detailed explanation of H5 tag usage

This time I will bring you a detailed explanation of the use of H5 tags. What are the precautions when using H5 tags? The following is a practical case, let’s take a look.

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

You can omit the tags of the closing 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, including a chapter, page, footer or other part of the page, can be used in conjunction with tags such as h1, h2... 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:NavigationPart of the 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:<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 properties

data-type: Custom properties.

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关闭,on:可编辑

I believe you have mastered the method after reading the case in this article, more Please pay attention to other related articles on the php Chinese website!

Recommended reading:

Detailed explanation of the use of paging query

How to develop WeChat wall with Node.js

The above is the detailed content of Detailed explanation of H5 tag usage. For more information, please follow other related articles on the PHP Chinese website!