资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

HTML5有哪些新增及移除的元素

今天就跟大家聊聊有关HTML5有哪些新增及移除的元素,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联是一家集网站建设,鄠邑企业网站建设,鄠邑品牌网站建设,网站定制,鄠邑网站建设报价,网络营销,网络优化,鄠邑网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。

图形绘制新元素

标签描述
标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素

标签描述
定义音频内容
定义视频内容
定义多媒体资源(audio或vedio)
定义嵌入的内容,比如插件
为如video和 audio元素之类的媒介规定外部文本轨道

新表单元素

标签描述
定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
规定用于表单的密钥对生成器字段。
定义不同类型的输出,比如脚本的输出。

新的语义和结构元素

HTML5提供了新的元素来创建更加适用的的页面。

标签描述
定义页面独立的内容区域。
定义页面的侧边栏内容。 何问起
允许您设置一段文本,使其脱离其父元素的文本方向设置。
定义命令按钮,比如单选按钮、复选框或按钮。
用于描述文档或文档某个部分的细节。
定义对话框,比如提示框。
标签包含 details 元素的标题。
规定独立的流内容(图像、图表、照片、代码等等)。
定义 figure元素的标题。
定义 section 或 document 的页脚。
定义了文档的头部区域。
定义带有记号的文本。
定义度量衡。仅用于已知最大和最小值的度量。
定义导航链接的部分。
定义任何类型的任务的进度。
定义 ruby 注释(中文注音或字符)。
定义字符(中文注音或字符)的解释或发音。
在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
定义文档中的节(section、区段)。
定义日期或时间。
规定在文本中的何处适合添加换行符。

已移除的元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

标签
</td></tr><tr><td><strike></td></tr><tr><td><tt></td></tr></tbody></table><p>看完上述内容,你们对HTML5有哪些新增及移除的元素有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。</p> <br> 本文标题:HTML5有哪些新增及移除的元素 <br> 网页URL:<a href="http://www.cdkjz.cn/article/ijogji.html">http://www.cdkjz.cn/article/ijogji.html</a> </div> <div class="g-return-wrapper clearfix"> <a href="http://www.cdkjz.cn/" class="home">返回首页</a> <a href="http://www.cdkjz.cn/news/" class="column">了解更多建站资讯</a> </div> </div> </div> <div class="full-related-news"> <h3 class="related-title">相关资讯</h3> <div class="related-news weblg"> <ul class="clearfix"> <li> <a href="/article/cohpch.html"> <h2 class="title">Opencv(C++)笔记--检测绘制轮廓-创新互联</h2> </a> </li><li> <a href="/article/cohhde.html"> <h2 class="title">eclipse忽略xml报错eclipse中XML错误?-创新互联</h2> </a> </li><li> <a href="/article/cohphj.html"> <h2 class="title">Nginx中502错误怎么办-创新互联</h2> </a> </li><li> <a href="/article/cohpci.html"> <h2 class="title">mysqlselect语句的执行顺序-创新互联</h2> </a> </li><li> <a href="/article/cohhoe.html"> <h2 class="title">sql中in的用法什么是sql注入?我们常见的提交方式有哪些?-创新互联</h2> </a> </li><li> <a href="/article/cohhop.html"> <h2 class="title">vscode怎么创建自定义代码模板-创新互联</h2> </a> </li><li> <a href="/article/cohjej.html"> <h2 class="title">bootstrap优点有哪些-创新互联</h2> </a> </li><li> <a href="/article/cohphg.html"> <h2 class="title">怎么在Vue项目中查看elementUI版本-创新互联</h2> </a> </li> </ul> </div> </div> <div class="full-icontact-cover m-ft-contact"> <div class="weblg"> <div class="clearfix content"> <div class="motto"> 多年建站经验 </div> <div class="info"> <h3>多一份参考,总有益处</h3> <h2> 联系快上网,免费获得专属《策划方案》及报价</h2> <div class="msg"> <p>咨询相关问题或预约面谈,可以通过以下方式与我们联系</p> <h4> 大客户专线 &nbsp;&nbsp;成都:<a href="tel:+13518219792" rel="nofollow">13518219792</a> &nbsp;&nbsp;座机:<a href="tel:02886922220" rel="nofollow">028-86922220</a> </h4> </div> </div> </div> <div class="btns clearfix"> <a href="https://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank" rel="nofollow" class="oline">在线咨询</a> <a href="javascript:;" class="edit" rel="nofollow">提交需求</a> </div> </div> </div> <div class="footer-content"> <div class="weblg clearfix"> <div class="friend-links"> <h6 class="clearfix"> <span class="tilte">友情链接</span> <a class="exchagne" href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes">交换友情链接</a> </h6> <div class="link-list clearfix"> <div class="link-slider"> <a href="http://www.schzyjs.com/" title="和正源建设" target="_blank">和正源建设</a><a href="http://www.xhgfhy.com/" title="犀浦防纹窗" target="_blank">犀浦防纹窗</a><a href="http://m.djxuejia.com/" title="大吉雪茄" target="_blank">大吉雪茄</a><a href="http://www.mybzx.com/" title="成都木托盘" target="_blank">成都木托盘</a><a href="http://www.htlanyu.com/" title="佑馨产后护理" target="_blank">佑馨产后护理</a><a href="http://www.cxhljz.com/" title="网站设计制作" target="_blank">网站设计制作</a><a href="http://www.sczitong.cn/" title="梓潼网站建设" target="_blank">梓潼网站建设</a><a href="http://www.cxjianzhan.cn/" title="做网站公司" target="_blank">做网站公司</a><a href="https://www.cdcxhl.com/sosuo.html" title="搜索引擎优化" target="_blank">搜索引擎优化</a><a href="http://www.kswcd.com/" title="企业网站设计" target="_blank">企业网站设计</a> </div> </div> </div> </div> <div class="full-foot-bottom"> <div class="weblg clearfix"> <p>成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询<a href="tel:028-86922220">028-86922220</a></p> <p> 成都快上网科技有限公司-四川网站建设设计公司 | <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">蜀ICP备19037934号</a> Copyright 2020,ALL Rights Reserved cdkjz.cn | <a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a> | © Copyright 2020版权所有.</p> <p>专家团队为您提供<a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a>,<a href="http://www.cdkjz.cn/" target="_blank">成都网站设计</a>,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | <a href="###">网站建设地图</a></p> </div> </div> </div> <script type="text/javascript" src="../js/idangerous.swiper.min.js"></script> <script type="text/javascript" src="../js/wow.min.js"></script> <script type="text/javascript" src="../js/jquery.mousewheel.min.js"></script> <script type="text/javascript" src="../js/jquery.placeholder.min.js"></script> <script type="text/javascript" src="../js/layout.js"></script> </body> </html> <script> $(".singlepage img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>