网站建设资讯

NEWS

网站建设资讯

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 的一些最有趣的新特性:

新的语义元素,比如
,
,
, and
。新的表单控件,比如数字、日期、时间、日历和滑块。强大的图像支持(借由 )强大的多媒体支持(借由
HTML5 - 被删元素

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

<strike><tt></div> <br> 网页题目:HTML5简介-4.1HTML5 <br> 转载源于:<a href="http://cdweb.net/article/dghhdoi.html">http://cdweb.net/article/dghhdoi.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/iosoej.html">河南网站建设哪个公司做得好,网站建设哪个公司做的好</a> </li><li> <a href="/article/iosoip.html">怎么给div设置样式,css设置第二个div样式</a> </li><li> <a href="/article/iosohs.html">主机做服务器对网线有什么要求,想用电脑做个服务器要什么网线才可以</a> </li><li> <a href="/article/iochgc.html">绑定域名后怎么解析的,解析绑定域名啥意思</a> </li><li> <a href="/article/iosoig.html">分栏式的网站有哪些</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">获得报价与方案</a> </dd> <dd> <a href="#" target="_blank" rel='nofollow' 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.xnruijie.cn/" title="轻质石膏隔墙板" target="_blank">轻质石膏隔墙板</a></li><li><a href="http://www.cdhuace.com/zhangui.html" title="四川成都展柜定制厂家" target="_blank">四川成都展柜定制厂家</a></li><li><a href="https://www.cdcxhl.com/tuoguan/yaan/" title="雅安服务器托管" target="_blank">雅安服务器托管</a></li><li><a href="http://www.bzwzjz.com/" title="专业网站设计" target="_blank">专业网站设计</a></li><li><a href="http://www.kswcd.com/mobile/" title="手机网站建设" target="_blank">手机网站建设</a></li><li><a href="https://www.xwcx.net/hkcloud.html" title="香港云主机" target="_blank">香港云主机</a></li><li><a href="http://www.kswsj.com/" title="成都网站设计" target="_blank">成都网站设计</a></li><li><a href="http://chengdu.cdcxhl.cn/H5/ " title="响应式网站设计" target="_blank">响应式网站设计</a></li><li><a href="http://www.cdkjz.cn/" title="成都网站制作" target="_blank">成都网站制作</a></li><li><a href="http://www.cdxwcx.cn/" title="成都网站制作" target="_blank">成都网站制作</a></li> </ul> </div> </div> <div class="wrap"> <div class="copyright"> <span class="en">©2007-2022</span> 成都快上网科技有限公司 <span class="en">ALL RIGHTS RESERVED.</span> <a rel="nofollow" href="http://www.miitbeian.gov.cn" target="_blank">蜀ICP备19037934号</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.cdweb.net/"><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>