这篇文章主要讲解了“HTML5标签使用方法介绍”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“HTML5标签使用方法介绍”吧！
创新互联 -专业网站定制、快速模板网站建设、高性价比滨海新区网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式滨海新区网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖滨海新区地区。费用合理售后完善，十载实体公司更值得信赖。
HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。
HTML 5 提供了一些新的元素和属性，反映典型的现代用法网站。其中有些是技术上类似
和
标签，但有一定含义，例如 （网站导航块）和 。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能，通过一个标准接口，如 和 标记。HTML 5 作为新一代的超文本标记语言，增加了许多标签。这些标签不但更有语义，而且功能强大。具体有以下标签：
定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 定义页面内容之外的内容，但应该与页面内容相关 定义声音，比如音乐或其他音频流 定义图形，比如图表和其他图像。 定义命令按钮，比如单选按钮、复选框或按钮。 定义数据模板的一个容器。该元素必须有定义模板的子元素： 元素 定义可选数据的列表。datagrid 作为树列表来显示 定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表 定义对话，比如交谈 定义嵌入的内容，比如插件 定义由服务器发送的事件的来源 定义媒介内容的分组，以及它们的标题 定义 section 或 document 的页脚 定义 section 或 document 的页眉 将标题分组 定义生成密钥 定义带有记号的文本 主要的功能就是在页面中高亮显示那些需要在视觉上向用户突出其重要性的文字。个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词 定义度量（单位）。仅用于已知较大和最小值的度量 定义导航链接 在数据模板中为子元素定义嵌套点。与 和 元素一同使用 定义不同类型的输出，比如脚本的输出 运行中的进程。可以用来来显示 JavaScript 中耗费时间的函数的进程或下载的进度 定义更新数据模板的规则。与 和 元素一起使用 在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容 定义汉字的拼音或日语汉字的平假名 定义亚洲语言中的“附注文字” 定义文档中的节（section）。比如章节、页眉、页脚或文档中的其他部分 为媒介元素（比如 和 ）定义媒介资源 定义一个摘要，即 detail 的头部。不等同于表格中的 summary 属性 定义日期或时间，或者两者 定义视频，比如电影片段或其他视频流
HTML5 增加了许多新标签，同时也废除了一些标签：
可以使用 代替 不再支持 用 CSS 代替 用 CSS 代替 用 CSS 代替 用 CSS 代替 不再支持<![CDATA[ 不再支持<br/><s> 用 CSS 代替<br/><small> 用 CSS 代替<br/><strike> 用 CSS 代替<br/><tt> 用 CSS 代替<br/><u> 用 CSS 代替<br/>上面这些标签在 XHTML 1.0 是不建议使用的，但仍然可以支持，而在 HTML 5 中则彻底不支持了。另外还有很多标签属性也不支持，如 aling 等。</p><p>感谢各位的阅读，以上就是“HTML5标签使用方法介绍”的内容了，经过本文的学习后，相信大家对HTML5标签使用方法介绍这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！</p> <br>
名称栏目：HTML5标签使用方法介绍-创新互联 <br>
网站链接：<a href="http://bjjierui.cn/article/coisih.html">http://bjjierui.cn/article/coisih.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/gdhsci.html">phpsql字符串如何转日期</a>
</li><li>
<a href="/article/gdhsjd.html">MacOS10.12下Mysql-python安装出现问题解决办法</a>
</li><li>
<a href="/article/gdhsdi.html">php位运算符”|”和逻辑运算符”||”</a>
</li><li>
<a href="/article/gdhsee.html">使用linux的lsmod命令显示已加载模块状态</a>
</li><li>
<a href="/article/gdhssi.html">怎么进行Kubernetes静态持久卷的探索学习</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>]]>
