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://abwzjs.com/article/dghhdoi.html">http://abwzjs.com/article/dghhdoi.html</a> </div> </div> <div class="contentr fr"> <h3>其他资讯</h3> <ul> <li> <a href="/article/djeddh.html">Odoo与ERP传统软件有什么不同？-创新互联</a> </li><li> <a href="/article/djedsh.html">SMS相关ContentProvider-创新互联</a> </li><li> <a href="/article/djedei.html">人工智能行业知识-AI应用场景-创新互联</a> </li><li> <a href="/article/djeogi.html">vuex重置所有state的方法-创新互联</a> </li><li> <a href="/article/djedjc.html">c语言基础难关：按位取反-创新互联</a> </li> </ul> </div> </div> </div>  <footer> <div class="foot"> <div class="container"> <h1>大橙子建站您身边的网站建设服务商</h1> <div class="foot1"> <ul> <li> <dl><i class="iconfont"></i><b>地址ADDRESS</b></dl> <p>四川-阿坝青羊区太升南路288号<br> 锦天国际A座10楼 </p> </li> <li> <dl><i class="iconfont"></i><b>电话/TEL</b></dl> <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br> <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 ) </p> </li> <li> <dl><i class="iconfont"></i><b>QQ咨询</b></dl> <p> 244261566 (售前)<br> 631063699 (售后) </p> </li> <li> <dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl> <p> service@cdcxhl.com (业务)<br> hr@cdcxhl.com (求职) </p> </li> </ul> </div> <div class="link"> 友情链接： <a href="http://chengdu.cdxwcx.cn/wangzhan/" title="企业网站设计" target="_blank">企业网站设计</a>   <a href="http://www.scyingshan.cn/" title="营山网站建设" target="_blank">营山网站建设</a>   <a href="http://www.cdkjz.cn/fangan/waimao/" title="外贸网站设计方案" target="_blank">外贸网站设计方案</a>   <a href="http://www.cdkjz.cn/fangan/yiyao/" title="医药医疗网站建设方案" target="_blank">医药医疗网站建设方案</a>   <a href="http://www.ledaz.cn/" title="成都小谭网创广告" target="_blank">成都小谭网创广告</a>   <a href="https://www.cdxwcx.com/wangzhan/mbyidong.html" title="wap手机网站" target="_blank">wap手机网站</a>   <a href="https://www.cdcxhl.com/idc/deyang.html" title="德阳服务器托管" target="_blank">德阳服务器托管</a>   <a href="http://www.yunjinzhai.com/" title="云锦斋建筑" target="_blank">云锦斋建筑</a>   <a href="https://www.cdxwcx.com/city/wenjiang/" title="温江做网站" target="_blank">温江做网站</a>   <a href="https://www.cdxwcx.com/jifang/deyang.html" title="高防机房" target="_blank">高防机房</a>    </div> </div> </div> <div class="copy container"> Copyright © 2017-2022 All Rights Reserved. 青羊区大橙子信息咨询工作室版权所有 <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2022028542号-9</a> [原创设计,独立版权。未经许可.不得拷贝或镜像]<br> <a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a> | <a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站设计</a> | <a href="http://www.cdweb.net/" target="_blank">自适应网站建设</a> | <a href="http://cdkjz.cn/wangzhan/pinpai/" target="_blank">品牌网站建设</a> | <a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a> | <a href="https://www.cdcxhl.com/cloud/" target="_blank">云服务器</a> | <a href="https://www.cdcxhl.com/weihu/abazhou.html" target="_blank">阿坝网站维护</a> | (阿坝网站建设QQ : 631063699 )</div> </footer>  <div class="fot"> <ul> <li> <a href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" target="_blank"> <img src="/Public/Home/img/fot1.png" alt="建站咨询"> <p>在线咨询</p> </a> </li> <li> <a href="tel:18980820575" target="_blank"> <img src="/Public/Home/img/fot2.png" alt="建站电话"> <p>拨打电话</p> </a> </li> </ul> </div> </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>