May 29, 2021 Article blog
HTML believes that anyone who hasn't learned programming will know that its popularity is not high, so do you know its new version of HTML5? Html5's functionality is on another level, and this article is a small compilation to introduce you to HTML5.
On October 29, 2014, the World Wide Web Consortium officially announced the HTML5 specification, which is the core hypertext markup language of the World Wide Web. The World Wide Web is not the same as the Internet, but it is one of the services that relies on the Internet to operate, and the World Wide Web is short for www, which enables access to a system of many interconnected hypertexts with the help of the Internet.
After the release of HTML4.01 in 1999, it took 15 years to implement HTML in 2014, with whatWG and XHTML2.0 specifications in the middle, which were eventually merged into a new HTML5 version.
Rumor has it that HTML5 mobile phone applications run slowly and are riddled with vulnerabilities, and are not suitable for large-scale promotion, but these problems can be optimized, and HTML5 mobile phone applications have the advantage of direct debugging and modification on the web page, do not need to repeat coding and debugging, I believe that the future penetration of HTML5 mobile phone applications will only get higher and higher.
1. HTML5 eliminates more outdated or redundant HTML properties
2, the addition of Indexed DB's local storage function
3. Display graphics or animations directly in your browser, away from Flash and Silverlight
4, added HTML5 documents to another document between the drag and drop function
5, to provide an open interface between external applications and browser internal data
Europe's cyber information security agency has warned that HTML5 may not be secure enough.
HTML5 is not yet supported by major browsers
HTML5 requires that technology must be fully open, which may be of interest to some large companies
Html5 will eventually become mainstream as it moves.
After all, it's simpler, more regulated, and friendlier than beginners.
| label | description |
| <canvas> | Labels define images, such as charts and other images. The label is based on Javascript's drawing API |
| 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 |
| 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 |
| 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. |
The following HTML 4.01 elements have been removed in HTML5:
That's all you need to know about HTML5 introductions and applications, and if you want to learn more about HTML5, you can get started: HTML5 Basics, HTML5 New Features Live