HTML5 new elements


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

In order to better handle today's Internet applications, HTML5 adds many new elements and functions, such as: Drawing of graphics, multimedia content, better page structure, better form Handling, and several APIs for dragging and dropping elements, positioning, including web pages Application cache, storage, network workers, etc.

New element

##Tag Description The tag defines graphics, such as charts and other images. The tag is based on JavaScript's drawing API

##New Multimedia Elements

Tag ## Define video (video or movie) Define multimedia resourcesDefine embedded content, such as plug-ins. Specifies an external text track for media such as New form element
Description
Define audio content
##

##Tag


New semantic and structural elements

HTML5 provides new elements to create better page structure:

Description Define the option list. Use this element in conjunction with an input element to define the possible values of the input. Specifies the key pair generator field to use for the form. Define different types of output, such as script output.
## Define a dialog box, such as a prompt box The tag contains the title of the details element ##
## Define text with tokens. Define weights and measures. Use only for measurements with known maximum and minimum values. The part that defines the navigation link. Define the progress of any type of task. Define ruby comments (Chinese phonetic notations or characters). Define the interpretation or pronunciation of a character (Chinese phonetic phonetic or character). is used in ruby comments to define the content displayed by browsers that do not support ruby elements.
Define the section (section, section) in the document. Define the date or time. Specifies where in the text it is appropriate to add line breaks.
Tag Description
Define an independent content area of the page.
Define the sidebar content of the page.
Allows you to set a piece of text independent of the text direction setting of its parent element.
Define a command button, such as a radio button, check box, or button
< details> Used to describe the details of a document or a certain part of a document
is specified independently of streaming content (images, charts, photos, code, etc.).
Define the title of the
element
Define the footer of section or document.
Defines the header area of the document
Removed Elements
The following HTML 4.01 elements have been removed in HTML5:

  • ##

  • ##

    • ##

    • <li><p></p></li><strike> <li><p></p></li><tt> <li><p></p></li> </ul> </div> </div> <div class="previous-next-links"> <div class="previous-design-link"> ← <a href="//m.sbmmt.com/m/html/html5-browsers.html" rel="prev">HTML5 browser support</a> </div> <div class="next-design-link"> <a href="//m.sbmmt.com/m/html/html5-canvas.html" rel="next">HTML5 Canvas</a>→ </div> </div> <div class="sidebar-box ad-box ad-box-large"> <div class="ad-336280"></div> </div> </div> </div> </div> </div> <div id="codeMark"></div> <div id="codeMain"> <div class="left"> <div id="codeEditor"></div> <div class="editor-btn"> <div class="editor-btn-inner"> <a href="javascript:;" class="code-btn-submit r" id="J_Commit" title="submit">submit</a> </div> </div> </div> <div class="right"> <div id="codeResult"></div> </div> <div id="close"></div> </div> <footer> <a href="//m.sbmmt.com/m/"><i class="layui-icon layui-icon-home "></i>Home</a> <a href="//m.sbmmt.com/m/course.html"><i class="layui-icon layui-icon-play"></i>Videos</a> <a href="//m.sbmmt.com/m/wenda.html"><i class="layui-icon layui-icon-code-circle"></i>Q&A</a> <a href="//m.sbmmt.com/m/login"><i class="layui-icon layui-icon-username"></i>My</a> </footer> <div class="right_menu"> <div class="right_menu_con"> <h2 class="hjclass-txt"><i class="layui-icon layui-icon-shrink-right hjclass-txt-i"></i>php.cn</h2> <div class="menu-list"> <a href="//m.sbmmt.com/m/"><span class="item-icon item-1"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb65f99ae2304.png" alt="Home"></span>Home</a> <a href="//m.sbmmt.com/m/course.html"><span class="item-icon item-7"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb82bd09ad628.png" alt="Course"></span>Course</a> <a href="//m.sbmmt.com/m/article.html"><span class="item-icon item-4"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb7e111b3b425.png" alt="Article"></span>Article</a> <a href="//m.sbmmt.com/m/wenda.html"><span class="item-icon item-2"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb83f04e24328.png" alt="Q&A"></span>Q&A</a> <a href="//m.sbmmt.com/m/dic.html"><span class="item-icon item-9"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb85047b25758.png" alt="Dictionary"></span>Dictionary</a> <a href="//m.sbmmt.com/m/course/type/99.html"><span class="item-icon item-3"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb8736ea90300.png" alt="Manual"></span>Manual</a> <a href="//m.sbmmt.com/m/xiazai/"><span class="item-icon item-5"><img src="//m.sbmmt.com/m/static/images/ico/resources.png" alt="Download"></span>Download</a> <a href="//m.sbmmt.com/m/search"><span class="item-icon item-6"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb880b460a204.png" alt="search"></span>search</a> <a href="//m.sbmmt.com/m/app/"><span class="item-icon item-6"><img src="//m.sbmmt.com/img/upload/article/000/000/003/608bbfa30d9cc398.png" style="width:35px;height:35px;" alt="APPDownload"></span>APPDownload</a> </div> </div> </div> </div> </body> </html>