HTML5 new elements

 HTML 4.01 has changed a lot since 1999. Today, several of HTML 4.01 have been abandoned, and these elements have been deleted or redefined in HTML5.

In order to better handle today’s Internet applications, HTML5 has added many new elements and functions, such as: graphics rendering, multimedia content, better page structure, better form processing, and several API drag elements Positioning, including webpage offline operations, storage, web workers, etc.


<canvas> new element

labeldescription
<canvas>Labels define graphics, such as charts and other images.
 The tag is based on the JavaScript drawing API


New multimedia elements

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


New form element

labeldescription
<datalist>Define a list of options. Please use this element with the input element to
define the possible values ​​of input.
<keygen>Specifies the key pair generator field used in the form.
<output>Define different types of output, such as instruction code output.


New semantics and structural elements

HTML5 provides new elements to build a better page structure:

labeldescription
<article>Define a separate content area of the page.
<aside>Define the sidebar content of the page.
<bdi>Allows you to set a paragraph of text to separate it from the text direction
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 file or a part of the file
<dialog>Define dialog boxes, such as prompt boxes
<summary>The label contains the title of the details element
<figure>Specify independent streaming content (images, charts, photos, code, etc.).
<figcaption>Define the title of the <figure> element
<footer>Define the footer of a section or document.
<header>The header area of the file is defined
<mark>Define the marked text.
<meter>Define weights and measures. Only used for metrics with known
maximum and minimum values.
<nav>Define the part of the overview link.
<progress>Define the progress of any type of task.
<ruby>Define ruby annotations (Chinese phonetic or characters).
<rt>Define the interpretation or pronunciation of characters (Chinese phonetic or character).
<rp>Used in ruby annotations to define the content displayed by browsers
that do not support ruby elements.
<section>Define the section (section, section) in the file.
<time>Define the date or time.
<wbr>Specifies where in the text is suitable for adding newline characters.


Removed element

The following HTML 4.01 elements have been removed in HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

Post a Comment

0 Comments