Coding With Fun
Home Docker Django Node.js Articles FAQ

What are the new features of h5?


May 29, 2021 Article blog


Table of contents


HTML5 As the next generation of HTML is still being refined and most browsers support HTML5, what are the new features of HTML5?

canvas

<canvas > is a newly defined label in HTML5 that draws the graphics you want in your browser

label description
<canvas> Labels define images, such as charts and other images. The label is based on Javascript's drawing API

video and audio

<video > can introduce video into HTML documents, and < audio can be played for HTML5 >

label description
<audio> Define the audio content
<video> Define a video (video or movie)
<source> Define multimedia resources< video > and <audio >
<embed> Define embedded content, such as plug-ins.
<track> Lay out external text tracks for media such as < video > and <audio > elements

datalist

< datalist > need to display optional list content in conjunction with the input element

label description
<datalist> Define a list of options. Use this element in conjunction with the input element to define possible values for input
<keygen> Specifies the key pair generator field used for the form
<output> Define different types of output, such as script output

New elements of other semantics and structures

label description
<article> Defines a separate content area for the page
<aside> Define the sidebar content of the page
<bdi> Allows you to set a paragraph of text that is detached from the text orientation setting of its parent element
<command> Define command buttons, such as radio buttons, check boxes, or buttons
<details> Used to describe the details of a document or part of a document
<dialog> Define dialog boxes, such as prompt boxes
<summary> The label contains the title of the details element
<figure> Specify separate streaming content (images, charts, photos, code, etc.).
<figcaption> Defines the title of < figure > element
<footer> Define the footer of the section or document.
<header> Defines the head area of the document
<mark> Defines marked text.
<meter> Define measures. Use only for measures that are known to be maximum and minimum.
<nav> The section that defines the navigation link.
<progress> Define the progress of any type of task.
<rudy> Define ruby comments (Chinese accents or characters).
<rt> Defines the interpretation or pronunciation of characters, Chinese accents or characters.
<rp> Used in ruby comments to define what is displayed by browsers that do not support ruby elements.
<section> Define sections (sections, segments) in the document.
<time> Define the date or time.
<wbr> Specify where in the text is appropriate to add line breaks.

That's all you need to know about the new features of HTML5.