May 29, 2021 Article blog
HTML5 As the next generation of HTML is still being refined and most browsers support HTML5, what are the new features of HTML5?
<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 > 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 > 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.