11.32.1. New elements of HTML5 ¶
HTML 4.01 has changed a lot since 1999. Today, several elements in HTML 4.01 have been discarded 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 and drop elements, positioning, including web application caching, storage, web workers, etc.
11.32.2. < canvas > New element ¶
Label | Description |
|---|---|
< canvas > | tags define graphics, such as charts and other images. The label is based on JavaScript’s drawing API |
11.32.3. New multimedia elements ¶
Label | Description |
|---|---|
< audio > | Define audio content |
< video > | Define video |
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. |
11.32.4. New form element ¶
Label | Description |
|---|---|
< datalist > | Define a list of options. Use this element with the input element to define possible values for input. |
< keygen > | Specifies the key pair generator field to use for the form. |
< output > | Define different types of output, such as script output. |
11.32.5. New semantic and structural elements ¶
HTML5 provides new elements to create a better page structure:
Label | Description | ||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
< article > | Define the independent content area of the page. | ||||||||||||||||||||||||||
< aside > | Define the contents of the sidebar of the page. | ||||||||||||||||||||||||||
< bdi > | Allows you to set a piece of text away 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 a part of a document | ||||||||||||||||||||||||||
< dialog > | Define a dialog box, such as a prompt box | ||||||||||||||||||||||||||
< summary > | The tag contains the title of the details element | ||||||||||||||||||||||||||
Specify independent streaming content (images, charts, photos, codes, etc.). < figcaption > Define the title of the < figure > element < footer > Define the footer for section or document. < header > Defines the header area of the document < mark > Defines marked text. < meter > Define weights and measures. Used only for measurements of known maximum and minimum values. < nav > Define the part of the navigation link. < progress > Define the progress of any type of task. < ruby > Define ruby comments (Chinese phonetic or character). < rt > Define the interpretation or pronunciation of characters (Chinese Bopomofo or characters). Used in ruby comments to define what is displayed by browsers that do not support ruby elements. < section > Define sections in the document. < time > Define the date or time. < wbr > Specifies where to add newline characters in the text. The following HTML 4.01elements have been deleted in HTML5: |