Home >Web Front-end >H5 Tutorial >A brief discussion of new and removed elements in HTML5

A brief discussion of new and removed elements in HTML5

巴扎黑
巴扎黑Original
2017-05-21 14:39:461642browse

The following editor will bring you a brief discussion of the new and removed elements of HTML5. The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor and take a look.

After more than 10 years of development, HTML’s elements have experienced a process of abandonment and constant redefinition. In order to better handle current Internet applications, HTML5 adds new elements such as graphics drawing, multimedia playback, page structure, application storage, and network work.

Graphic drawing new elements

##TagDescription Tags define graphics, such as charts and other images. This tag is based on JavaScript's drawing API

##New multimedia elements

tag#Definition of audio contentDefine video contentDefine multimedia resources (audio or vedio)Define embedded content, such as plug-in is video Media like audio elements specify external text tracksNew form elements
Description
##

TagDescription##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. New semantic and structural elements

HTML5 provides new elements to create more applicable page.

Tag

DescriptionDefine independent content areas of the page.
##
Define the sidebar content of the page. Hewenqi
Allows you to set a piece of text independent of the text direction setting of its parent element.
Define command buttons, such as radio buttons, check boxes, or buttons.
is used to describe the details of a document or a certain part of a document.
Define a dialog box, such as a prompt box.
The tag contains the title of the details element.
Specify independent stream content (images, charts, photos, code, etc.).
Define the title of the figure element.
Define the footer of a section or document.
defines the header area of ​​the document.
Define text with a mark.
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 pinyin or characters).
Defines 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.

Removed Elements

The following HTML 4.01 elements have been removed in HTML5:

######
tag
##
</td></tr> <tr><td><strike></td></tr> <tr><td>< tt></td></tr> <tr><td style="word-break: break-all;"></td></tr> </tbody> </table> </td></tr> </tbody> </table><p>The above is the detailed content of A brief discussion of new and removed elements in HTML5. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement:</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article:<a class="dBlack" title="Example sharing of how to use phonegap to play audio" href="https://m.php.cn/faq/362856.html">Example sharing of how to use phonegap to play audio</a></span><span>Next article:<a class="dBlack" title="Example sharing of how to use phonegap to play audio" href="https://m.php.cn/faq/362858.html">Example sharing of how to use phonegap to play audio</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="https://m.php.cn/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/faq/348281.html" title="AlloyTouch full-screen scrolling plug-in creates a smooth H5 page in 30 seconds" class="aBlack">AlloyTouch full-screen scrolling plug-in creates a smooth H5 page in 30 seconds</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348372.html" title="HTML5 actual combat and analysis of touch events (touchstart, touchmove and touchend)" class="aBlack">HTML5 actual combat and analysis of touch events (touchstart, touchmove and touchend)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348373.html" title="Detailed explanation of image drawing examples in HTML5 canvas 9" class="aBlack">Detailed explanation of image drawing examples in HTML5 canvas 9</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348374.html" title="Regular expressions and new HTML5 elements" class="aBlack">Regular expressions and new HTML5 elements</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348469.html" title="How to combine NodeJS and HTML5 to drag and drop multiple files to upload to the server" class="aBlack">How to combine NodeJS and HTML5 to drag and drop multiple files to upload to the server</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Public welfare online PHP training,Help PHP learners grow quickly!</p></div><div class="footermid"><a href="https://m.php.cn/about/us.html">About us</a><a href="https://m.php.cn/about/disclaimer.html">Disclaimer</a><a href="https://m.php.cn/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>