Home Web Front-end H5 Tutorial HTML5 tag collection

HTML5 tag collection

Mar 25, 2017 pm 02:36 PM
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 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
Tags that can omit 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 tag
section: A content block in the page, which can be included in a chapter, page, footer or other part of the page, and can be combined with h1, h2.. . and other tags are used in combination 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:

0100+=

Global properties
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>//offClose , on: editable

The above is the content of HTML5 tags. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!

Related articles:

The definition and regulations of each tag in HTML5: header

Detailed explanation of how to use HTML5 tags

Example introduction to the difference between HTML5 tags and HTML4 tags

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Two Point Museum: All Exhibits And Where To Find Them
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles