135-1821-9792

HTML5中如何实现新增和移除的元素-创新互联

这篇文章主要介绍HTML5中如何实现新增和移除的元素,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

目前创新互联公司已为近1000家的企业提供了网站建设、域名、虚拟空间、网站托管、服务器租用、企业网站设计、邓州网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

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> 文章位置:<a href="http://www.wenjiangwz.cn/article/dddjic.html">http://www.wenjiangwz.cn/article/dddjic.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/chdhjc.html">Intel10nm工艺处理器令人头大:休眠后频率上不去还不稳定</a> </li><li> <a href="/article/sggeoj.html">影楼短视频运营,影楼短视频运营</a> </li><li> <a href="/article/piogep.html">vue怎么创建组件及组件使用方法</a> </li><li> <a href="/article/pisohs.html">DNS访问原理是什么</a> </li><li> <a href="/article/pijish.html">雾计算和边缘计算有何区别</a> </li><li> <a href="/article/dooedij.html">linux函数和命令重名 linux系统重命名命令</a> </li><li> <a href="/article/deojpoh.html">java程序员第一段代码 java第一句代码</a> </li><li> <a href="/article/dechggh.html">苏州阿里云服务器管理总部 阿里苏州基地在哪里</a> </li><li> <a href="/article/diphgdj.html">mysql怎么逐条遍历 mysql遍历字符串</a> </li><li> <a href="/article/djgighd.html">ai是域名_域名注册的是几级域名?</a> </li> </ul> </div> </div> <!-- end #bd --> <div class="c"></div> <!-- begin #fd --> <div id="fd" class="index-fd pr"> <div class="map-bg3"></div> <div class="wp"> <div class="fd-top"> <dl> <dt>关于我们</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.wenjiangwz.cn/about#whous">我们是谁</a></li> <li><a href="http://www.wenjiangwz.cn/about#ourcus">我们服务的客户</a></li> <li><a href="http://www.wenjiangwz.cn/about#ourteam">我们的团队</a></li> </ul> </dd> </dl> <dl> <dt>我们的服务</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.wenjiangwz.cn/service#webbuit">网站建设</a></li> <li><a href="http://www.wenjiangwz.cn/service#weiweb">H5响应式 交互网站</a></li> <li><a href="http://www.wenjiangwz.cn/service#webmobel">移动端 &amp; 微网站定制</a></li> <li><a href="http://www.wenjiangwz.cn/service#servweb">服务流程</a></li> <li><a href="http://www.wenjiangwz.cn/service#solution">行业解决方案</a></li> </ul> </dd> </dl> <dl> <dt>网站建设案例</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.wenjiangwz.cn/case/">公司集团</a></li> <li><a href="http://www.wenjiangwz.cn/case/">数码电子科技</a></li> <li><a href="http://www.wenjiangwz.cn/case/">建筑与设计</a></li> <li><a href="http://www.wenjiangwz.cn/case/">安防门禁</a></li> <li><a href="http://www.wenjiangwz.cn/case/">管理咨询美容</a></li> <li><a href="http://www.wenjiangwz.cn/case/">外贸行业</a></li> </ul> </dd> </dl> <dl> <dt>新闻动态</dt> <dd> <ul class="ul-fd"> <li><a href="/news/2.html">温江网站建设</a></li><li><a href="/news/3.html">温江网站制作</a></li><li><a href="/news/4.html">温江网站设计</a></li> </ul> </dd> </dl> <dl> <dt>联系我们</dt> <dd class="pr"> <p><a href="http://www.wenjiangwz.cn/news/" class="weixin"></a><a href="http://www.wenjiangwz.cn/news/" class="sina"></a><span class="weixin-pic"><img src="/Public/Home/pic/ewm.jpg"></span></p> <p><b class="tel">135-1821-9792</b></p> <h5>公司服务热线</h5> </dd> </dl> </div> <div class="link"> 友情链接: <a href="http://www.cpwzsj.com/" title="平城网站推广" target="_blank">平城网站推广</a>&nbsp;&nbsp;&nbsp;<a href="http://www.kmihr.com/" title="智能恒温花洒" target="_blank">智能恒温花洒</a>&nbsp;&nbsp;&nbsp;<a href="http://www.qixunwd.cn/" title="成都网站制作" target="_blank">成都网站制作</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/tuoguan/yaan/" title="雅安服务器托管" target="_blank">雅安服务器托管</a>&nbsp;&nbsp;&nbsp;<a href="http://www.pganf.com/" title="德阳发电机公司" target="_blank">德阳发电机公司</a>&nbsp;&nbsp;&nbsp;<a href="http://www.ukbuhwu.com/" title="昆明电动工具" target="_blank">昆明电动工具</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/shop.html" title="成都商城网站开发" target="_blank">成都商城网站开发</a>&nbsp;&nbsp;&nbsp;<a href="http://www.gtftapa.com/" title="成都网站建设公司" target="_blank">成都网站建设公司</a>&nbsp;&nbsp;&nbsp;<a href="http://www.zfhon.com/" title="昆明翁林骊" target="_blank">昆明翁林骊</a>&nbsp;&nbsp;&nbsp;<a href="http://chengdu.kswsj.cn/" title="成都网站SEO优化公司" target="_blank">成都网站SEO优化公司</a>&nbsp;&nbsp;&nbsp; </div> </div> <div class="fd-copy"> <div class="wp"> <p><span style="color:#CCCCCC;">Copyright &copy; 2009-2022 www.wenjiangwz.cn 成都网站建设公司 版权所有</span> <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow" style="color:#CCCCCC;">蜀ICP备19037934号</a></p> </div> </div> </div> <div class="side"> <ul> <li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=631063699&amp;site=qq&amp;menu=yes" target="_blank"> <div class="sidebox"><img src="/Public/Home/pic/side_icon02.png">在线咨询</div> </a></li> <li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=631063699&amp;site=qq&amp;menu=yes" target="_blank"> <div class="sidebox"><img src="/Public/Home/pic/side_icon01.png">在线咨询</div> </a></li> <li><a href="tel:135-1821-9792"> <div class="sidebox"><img src="/Public/Home/pic/side_icon03.png"><span style="font-size:14px">135-1821-9792</span></div> </a></li> </ul> </div> <div class="side2"> <ul> <li><a href="http://www.wenjiangwz.cn/news/"><img src="/Public/Home/pic/r_icon1.png" alt="温江网站建设"></a> <div class="weixin"><em></em><img src="/Public/Home/pic/ewm.jpg" alt="温江网站建设"></div> </li> <li><a href="javascript:goTop();" class="sidetop"><img src="/Public/Home/pic/r_icon2.png"></a></li> </ul> </div> <div class="fot"> <ul> <li> <a href="https://p.qiao.baidu.com/cps/mobileChat?siteId=11284691&userId=6256368&type=1&reqParam=%20{%22from%22:0,%22sessionid%22:%22%22,%22siteId%22:%2211284691%22,%22tid%22:%22-1%22,%22userId%22:%226256368%22,%22ttype%22:1,%22siteConfig%22:%20{%22eid%22:%226256368%22,%22queuing%22:%22%22,%22siteToken%22:%226ce441ff9e2d6bedbdfc2a4138de449e%22,%22userId%22:%226256368%22,%22isGray%22:%22false%22,%22wsUrl%22:%22wss://p.qiao.baidu.com/cps3/websocket%22,%22likeVersion%22:%22generic%22,%22siteId%22:%2211284691%22,%22online%22:%22true%22,%22webRoot%22:%22//p.qiao.baidu.com/cps3/%22,%22bid%22:%22160142915792139572%22,%22isSmallFlow%22:0,%22isPreonline%22:0,%22invited%22:0%20},%22config%22:%20{%22themeColor%22:%224d74fa%22%20}%20}&appId=&referer=&iswechat=0&expectWaiter=-1&openid=null&otherParam=null&telephone=null&speedLogId=null&eid=null&siteToken=6ce441ff9e2d6bedbdfc2a4138de449e" target="_blank"> <img src="/Public/Home/pic/fot1.png" alt=""> <p>在线咨询</p> </a> </li> <li> <a href="tel:18980820575" target="_blank"> <img src="/Public/Home/pic/fot2.png" alt=""> <p>拨打电话</p> </a> </li> </ul> </div> <script type="text/javascript" src="/Public/Home/pic/jquery.js"></script> <script type="text/javascript" src="/Public/Home/pic/lib.js"></script> </body></html> <script> $(".con 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>