每一章中的 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 实例：

Content 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="https://xinyudec.cn/article/dghhdoi.html">https://xinyudec.cn/article/dghhdoi.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/iojppp.html">还未注册的4位字母com域名</a> </li><li> <a href="/article/ijjhio.html">ibatismysql乱码如何解决</a> </li><li> <a href="/article/hpdgig.html">oracle如何支持幻读 oracle如何解决幻读</a> </li><li> <a href="/article/dodeedj.html">c语言函数入门教学 c语言入门教程网</a> </li><li> <a href="/article/doihope.html">zblog图片上传后压缩 zblog生成缩略图</a> </li><li> <a href="/article/dcceipc.html">查看阿里云服务器内网ip 阿里云服务器地址怎么查看</a> </li><li> <a href="/article/dschgcj.html">软件项目管理 5.1.任务分解基本概念</a> </li><li> <a href="/article/dedjcgc.html">c语言函数判断闰年 c语言函数判断闰年代码</a> </li><li> <a href="/article/dghjhso.html">找网站建设公司时要注意的三大事项</a> </li><li> <a href="/article/cdpihig.html">采用Redis灌入海量数据简单有效的技术实现（redis灌入数据）</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" href="http://www.cdkjz.cn/fangan/">获得报价与方案</a> </dd> <dd> <a href="https://www.cdxwcx.com/pay/" target="_blank" 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.kmyfa.com/" title="彰罩碌办公窗帘" target="_blank">彰罩碌办公窗帘</a></li><li><a href="http://www.kmywjy.com/" title="自贡网站推广" target="_blank">自贡网站推广</a></li><li><a href="http://www.kmphej.com/" title="晔贾霜发电机" target="_blank">晔贾霜发电机</a></li><li><a href="http://www.kmoybn.com/" title="曲靖网站建设" target="_blank">曲靖网站建设</a></li><li><a href="https://www.cdcxhl.com/mobile.html" title="移动网站建设" target="_blank">移动网站建设</a></li><li><a href="http://www.wkslyf.com/" title="成都网站制作" target="_blank">成都网站制作</a></li><li><a href="http://www.kmxdhz.com/" title="湖北家居照明" target="_blank">湖北家居照明</a></li><li><a href="https://www.cdcxhl.com/idc/yidong.html" title="成都移动机房" target="_blank">成都移动机房</a></li><li><a href="http://www.cdfuwuqi.com/host/java/" title="java虚拟主机" target="_blank">java虚拟主机</a></li><li><a href="https://www.xwcx.net/" title="服务器托管" target="_blank">服务器托管</a></li> </ul> </div> </div> <div class="wrap"> <div class="copyright"> <span class="en">©2007-2026</span> 成都新宇德琛机电有限公司 <span class="en">ALL RIGHTS RESERVED.</span> <a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2025128472号</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.xinyudec.cn/" title="网站首页"><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>