Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

What are the new features of HTML5?


May 31, 2021 Article blog


Table of contents


What is HTML5?

HTML5 is the next generation of HTML standards.

HTML5 will become the new standard for HTML, XHTML, and HTML DOM.

Since the last version of HTML was born in 1999, the Web world has undergone dramatic changes.

HTML is still being refined. However, most modern browsers already have some HTML5 support


So what are the new features of HTML?

The canvas element used for painting

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

New multimedia elements for video and audio for media playback

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

The datalist new form element for the form

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 for new 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.


HTML5 removed elements

The following HTML 4.01 elements have been removed in HTML5:

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

Learn a new label in parallel with practice in order to learn to master it: