📌  相关文章
📜  HTML新元素

📅  最后修改于: 2020-11-03 10:02:20             🧑  作者: Mango

HTML5 新元素

在HTML5中,添加了许多新元素,这些元素提供了一些额外的功能来创建吸引人的动态网站。在这些元素的帮助下,您可以使代码变得简单快捷。

HTML5新标签

以下是新添加的元素及其说明的完整列表。

Tag Description
Structural or Semantic Tags
It defines the independent or self-contained content of a webpage.
It defines the content which provide information about the main content.
It is used to isolate the part of text which might be formatted in another direction.
It defines additional information which only visible as per user demand.
It represents a dialog box or other interactive components.
It defines caption for the
element.
It defines a self-contained content, and referenced as a single unit.
It represents the footer section of the webpage.
It defines the introductory or navigational content of the webpage.
It specifies the main content of the HTML document.
It represent the text which is highlighted or marked for reference or notation purposes.
It represents a scalar value within a known range.
It represents the section which contains navigation links.
It defines a progress bar which shows completions progress of a task.
It defines alternative content for the browser which do not support ruby annotations.
It defines explanations and pronunciations of characters in ruby annotations.
It defines ruby annotations (Specifically for Asian language).
It defines a generic section within an HTML document.
It defines summary or caption for a
element which can be clicked to change the state of
element.
It defines data/time within an HTML document.
It specifies a line break opportunity. (Where line break possible)
HTML5 Form Tags
It represent predefined list for input
It is used a container element to represent the output of a calculation or outcome of user action.
Graphics Tags
It allows drawing graphics and animations via scripting.
It is used to draw scalable vector graphics.
HTML5 Media Tags
It defines sound content.
It defines a container for external files/application/media.
It defines multiple media resources for the media elements.
It defines text tracks for
It defines video content within HTML document.

HTML5新增类型

Type Description
color It represents an input field which defines a color selector.
date It represents an input field to define a date selector.
datetime It defines full date and time display with time zone information.
datetime-local It defines date and time without time zone information.
email It defines an input field with email pattern Validation.
month It defines the input field to enter month for the particular year
number It defines field which selects a numeric value only.
range It defines a numeric value selector with a given range of 1 to 100.
search It is used to define a search field.
tel It represents a control to enter a telephone number.
time It represents a control to enter time value with no time zone.
url It represents an input field to enter a URL
week It defines a selector for week value for the particular year.