今天就跟大家聊聊有关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://bjjierui.cn/article/ijogji.html">http://bjjierui.cn/article/ijogji.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/gjgecp.html">Oracle11gR2RAC使用scanIP无法连接数据库的解决方法</a>
</li><li>
<a href="/article/gjgeso.html">如何理解JavaScript单线程及setTimeout定时器</a>
</li><li>
<a href="/article/gjgeep.html">win7更改权限拒绝访问怎么解决</a>
</li><li>
<a href="/article/gjgscc.html">jQuery实现动态生成表格并为行绑定单击变色动作的方法</a>
</li><li>
<a href="/article/gjgshc.html">LaravelORM开启created_at的方法</a>
</li> </ul>
</div>
</div>
<ul class="kf">
<li class="kf1"><span class="tela">建站热线：<a href="tel:13518219792" target="_blank">13518219792</a></span></li>
<li class="kf11"><span class="weixin"><img src="/Public/Home/images/weixin.jpg" alt="网站建设微信咨询"><br>
微信扫一扫在线咨询</span> </li>
<li class="kf5">QQ客服： <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="建站业务咨询" title="建站业务咨询"></a> <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="网站设计咨询" title="网站设计咨询"></a></li>
<li class="kf2"><a href="http://www.bjjierui.cn/cases/" target="_blank">案 例</a></li>
<li class="kf4"><a href="http://www.bjjierui.cn/" target="_blank">价 格</a></li>
<li class="kf6" title="返回顶部"></li>
</ul>
<div class="footer">
<div class="footer_2">
<p>Copyright © 2012-2020 <strong>网创优客信息咨询</strong> 版权所有 蜀ICP备2023009085号-7<br />
手机:13518219792 QQ:631063699 地址：成都市青羊区锣锅巷31号 邮编:610000 Email:wh@cdxwcx.com<br/>
成都网络公司-网创优客建站品牌专注<a href="http://www.bjjierui.cn/">成都网站建设</a>、<a href="http://www.bjjierui.cn/">成都网站设计</a>服务，为成都公司建设高品质的网站</p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".kf6").click(function() {
$('body,html').animate({
scrollTop : 0
}, 500);
return false;
});
})
var bodyhe=$("body").height();
var winhe=330;
var bodyf=bodyhe-winhe;
var bodyft=bodyhe-365;
window.onscroll = function(){
var t = document.documentElement.scrollTop || document.body.scrollTop;
if(t>200){
$(".kf .kf6").stop().animate({opacity:'1'},200);
}else{$(".kf .kf6").stop().animate({opacity:'0'},200);}
if(t>1 && t<winhe){
$(".header").addClass('no');
$(".header").removeClass('notwo');
}else if(t>winhe){
$(".header").removeClass('no');
$(".header").addClass('notwo');
}else{
$(".header").removeClass('no');
}
}
</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>]]> |
