135-1821-9792

HTML5简介-4.1HTML5

每一章中的 HTML5 示例实例

点击“亲自试一试”来查看该例如何运行。

成都创新互联公司2013年成立，先为河间等服务建站，河间等地企业，进行企业商务咨询服务。为河间企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

什么是 HTML5？

HTML5 是最新的 HTML 标准。

HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。

HTML5 拥有新的语义、图形以及多媒体元素。

HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。

HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。

注释：在下面的章节中，您将学到如何“帮助”老版本的浏览器处理 HTML5。

HTML5 中的新内容？

HTML5 的新的文档类型（DOCTYPE）声明非常简单：

The new character encoding (charset) declaration is also very simple:

HTML5 实例：

Title of the documentContent of the document......

注释：HTML5 中默认的字符编码是 UTF-8。

HTML5 - 新的属性语法

HTML5 标准允许 4 中不同的属性语法。

本例演示在标签中使用的不同语法：

类型示例 Empty Unquoted Double-quoted Single-quoted

在 HTML5 标准中，根据对属性的需求，可能会用到所有 4 种语法。

HTML5 - 新特性

HTML5 的一些最有趣的新特性：

新的语义元素，比如

,

HTML5 - 被删元素

以下 HTML 4.01 元素已从 HTML5 中删除：

<strike><tt></div> <br> 新闻标题：HTML5简介-4.1HTML5 <br> 网页路径：<a href="http://www.wenjiangwz.cn/article/dghhdoi.html">http://www.wenjiangwz.cn/article/dghhdoi.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/igsce.html">Python的应用领域-创新互联</a> </li><li> <a href="/article/dieehg.html">利用BGPorigin-code属性修改BGP选路-创新互联</a> </li><li> <a href="/article/sijdip.html">短视频营销外包公司,短视频广告接单平台</a> </li><li> <a href="/article/pdocpg.html">云服务器的未来的发展前景怎么样</a> </li><li> <a href="/article/ppepeh.html">使用linux的mdu命令显示MS-DOS目录所占用的磁盘空间</a> </li><li> <a href="/article/hcscse.html">oracle如何倒计时,oracle时间倒序</a> </li><li> <a href="/article/dohjjhi.html">遥感技术可以作为GIS的遥感技术可应用在哪些领域?</a> </li><li> <a href="/article/deoipds.html">c语言函数来写最大公约数 c语言中求最大公约数的函数</a> </li><li> <a href="/article/dpjgooc.html">Linux下的极致性能：LR优化体验（lrlinux）</a> </li><li> <a href="/article/dhhepsg.html">电脑怎么设置摄像头</a> </li> </ul> </div> </div>  <div class="c"></div>  <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">移动端 & 微网站定制</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="https://www.cdxwcx.com/jifang/mianyang.html" title="绵阳主机托管" target="_blank">绵阳主机托管</a>   <a href="http://www.gyanhua.com/" title="成都喷绘" target="_blank">成都喷绘</a>   <a href="http://www.kmnou.com/" title="昆明遮阳太阳镜" target="_blank">昆明遮阳太阳镜</a>   <a href="http://mc.scmwjz.com/" title="成都封阳台" target="_blank">成都封阳台</a>   <a href="http://www.kmiivf.com/" title="kmiivf.com" target="_blank">kmiivf.com</a>   <a href="http://www.lmujw.com/" title="汶川维修发电机" target="_blank">汶川维修发电机</a>   <a href="http://www.75222.cn/" title="旅行社" target="_blank">旅行社</a>   <a href="http://www.gxqgszc.com/" title="高新区公司注册" target="_blank">高新区公司注册</a>   <a href="https://www.cdcxhl.com/app.html" title="app软件开发" target="_blank">app软件开发</a>   <a href="http://www.dcwor.com/" title="成都柴油发电机" target="_blank">成都柴油发电机</a>    </div> </div> <div class="fd-copy"> <div class="wp"> <p><span style="color:#CCCCCC;">Copyright © 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&uin=631063699&site=qq&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&uin=631063699&site=qq&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>