今天就跟大家聊聊有关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中已经被删除:
| 标签 | |
|
|
|
|
|
|
|
|
| <![CDATA[</td></tr><tr><td><strike></td></tr><tr><td><tt></td></tr></tbody></table><p>看完上述内容，你们对HTML5有哪些新增及移除的元素有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。</p>
<br>
本文标题：HTML5有哪些新增及移除的元素 <br>
文章路径：<a href="http://www.scjierui.cn/article/ijogji.html">http://www.scjierui.cn/article/ijogji.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/ihepgg.html">linux恢复已删除文件的方法</a>
</li><li>
<a href="/article/ihepjs.html">使用border-image怎么实现一个文字气泡边框</a>
</li><li>
<a href="/article/ihepjc.html">php服务器出现500错误怎么办</a>
</li><li>
<a href="/article/ihepgc.html">html<title>标签如何使用</a>
</li><li>
<a href="/article/ihepjo.html">函数的调用优化</a>
</li> </ul>
</div>
</div>
</div>
<footer>
<div class="footop">
<div class="wrap">
<div class="bottomrpw">
<div class="erp arp">
<dl>
<dt>ADDRESS</dt>
<dd class="address"> <i class="icon"></i> <span class="word">成都市青羊区锦天国际1号楼1002室</span> </dd>
</dl>
</div>
<div class="erp arp">
<dl>
<dt>TEL</dt>
<dd class="phonum"> <i class="icon"></i> <span class="word en"> <a href="tel:18980820575">18980820575</a> </span> </dd>
</dl>
</div>
<div class="erp crp">
<dl>
<dt>OTHER</dt>
<dd> <a class="word get-quote">获得报价与方案</a> </dd>
<dd> <a href="#" target="_blank" rel='nofollow' class="word" title="付款方式">付款方式</a> </dd>
</dl>
</div>
<div class="erp code-rp">
<dl>
<dt>Wechat</dt>
<dd class="code-wrap"> <span class="code"> <img src="/Public/Home/images/qr-code.jpg" alt="美图齐众微信公众号" /> </span> </dd>
</dl>
</div>
</div>
</div>
</div>
<div class="footerbot">
<div class="friendlinks">
<div class="wrap">
<ul class="rpl">
<li><a href="http://www.cdmstgs.com/" title="成都商业雕塑" target="_blank">成都商业雕塑</a></li><li><a href="http://www.ayfdjwx.com/" title="成都工商代办注册公司" target="_blank">成都工商代办注册公司</a></li><li><a href="http://www.cdkjz.cn/fangan/" title="网站建设方案" target="_blank">网站建设方案</a></li><li><a href="http://www.hdybtv.com/" title="造型师设计" target="_blank">造型师设计</a></li><li><a href="http://www.cxjianzhan.cn/fwxm/pinpai.html" title="成都品牌官网设计公司" target="_blank">成都品牌官网设计公司</a></li><li><a href="http://www.cdhuace.com/faguangzi/minifgz.html" title="迷你发光字" target="_blank">迷你发光字</a></li><li><a href="http://www.wjzwz.com/" title="温江做网站" target="_blank">温江做网站</a></li><li><a href="http://www.lswzjz.com/" title="乐山网站建设" target="_blank">乐山网站建设</a></li><li><a href="http://m.cdcxhl.com/muban.html" title="成都模版网站建设" target="_blank">成都模版网站建设</a></li><li><a href="http://www.kswcd.com/" title="定制网站" target="_blank">定制网站</a></li> </ul>
</div>
</div>
<div class="wrap">
<div class="copyright"> <span class="en">©2025</span> 青羊区美图齐众设计工作室（个体工商户）四川站<span class="en">ALL RIGHTS
RESERVED.</span> <a rel="nofollow" href="https://beian.miit.gov.cn" target="_blank">蜀ICP备2025119604号-2</a> </div>
</div>
</div>
</footer>
<div class="fcwrap">
<ul class="rpl clearfix">
<li class="phone"> <a rel="nofollow" target="_blank" href="tel:18980820575"> <i class="icon"></i>
<strong>18980820575</strong> </a> </li>
<li class="qq"> <a rel="nofollow" target="_blank"
href="https://wpa.qq.com/msgrd?v=1&uin=244261566&site=qq&menu=yes"> <i class="icon"></i>
<strong>244261566</strong> </a> </li>
<li class="back-top"> <a href="javascript:void(0)" rel="nofollow" class="back-to-top"> <i class="icon"></i>
<strong>回到顶部</strong> </a> </li>
</ul>
</div>
<!--nav-->
<div class="n-Wrap">
<div class="navBar visble show">
<div class="barlogo">
<a href="/" rel="nofollow">
<img src="/Public/Home/images/logo1.png" alt="四川做网站" />
<img src="/Public/Home/images/logo2.png" alt="四川网站设计" />
</a>
</div>
<div class="bmenu">
<i class="bar-top"><span></span></i>
<i class="bar-cen"><span></span></i>
<i class="bar-bom"><span></span></i>
<i class="bar-left"><span></span></i>
<i class="bar-right"><span></span></i>
</div>
</div>
<section class="fixmenu">
<div class="close-bar">
<i class="bar-left"><span></span></i>
<i class="bar-right"><span></span></i>
</div>
<nav class="smph">
<ul>
<li class="index-hrefs on"><a href="http://www.scjierui.cn/"><font>首页</font></a></li>
<li><a href="/about/" rel="nofollow"><font>关于美图齐众</font></a></li>
<li><a href="/service/" rel="nofollow"><font>服务范围</font></a></li>
<li><a href="/case/" rel="nofollow"><font>案例展示</font></a></li>
<li><a href="/solve/" rel="nofollow"><font>解决方案</font></a></li>
<li><a href="/news/" rel="nofollow"><font>建站资讯</font></a></li>
<li><a href="/contact/" rel="nofollow"><font>联系美图齐众</font></a></li>
</ul>
<div class="pwrap">
<span class="label">服务热线</span>
<strong class="phone"><a href="tel:18980820575">18980820575</a></strong>
</div>
</nav>
</section>
</div>
<!--end nav-->
<script src="/Public/Home/js/hotcss.js"></script>
<script type="text/javascript" src="/Public/Home/js/su_new.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>]]> |
