新闻中心

这里有您想知道的互联网营销解决方案

HTML6 初探 — 你没看错，是6不是5

HTML5 概述

专注于为中小企业提供网站设计、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业泽库免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

HTML5 是 HTML 语言***的版本之一，它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了

这样的标签来帮助开发者更好地组织页面内容。然而 HTML5 规范仍然没有***定稿，并且它并不是一个真正意义上的语义标记语言。

HTML6 展望

你有没有曾经希望能在 HTML 中使用自定义标签？比如：使用来显示你的网站logo，还有使用来显示工具栏等等。我们经常使用和来组织页面，在 HTML6 里我们希望可以直接使用象和这样的自定义标签。

和 XML 一样，HTML6 应该支持 namespace（命名空间），如：xmlns:xhtml=”http://www.w3.org/1999/xhtml”

HTML6 代码样例：

 
   
     
     
      
     
      
     
   A Look Into HTML6   
     
      
     
      
     
      
     
      
     
      
     
      
     
      
     
      
     
      
     
      
     
      
     
   a1   
     
   a2

Heading of main article

Sub-heading of main article

[...]

The concept of HTML6

Understanding the basics

[...]

在上面的代码中，你也许注意到了一些奇怪的标签，它们是 W3C 和 HTML6 规范中在命名空间里定义的标签。例如：负责设定你浏览器的标题栏文字，负责显示图片等等。用户可以自己定义标签以便 JavaScript 和 CSS 识别和处理，这样页面代码会更易读，语义更清晰。

HTML6 APIs

HTML6 的标签前带有命名空间，如：, 等等。

 
   
     
     
   // this is equivalent to  tag written in previous HTML versions

2. 和标签一样。

3. 和标签类似。</p><pre> <ol> <li><!DOCTYPE html> </li> <li> </li> <li> <html:html> </li> <li> </li> <li> <html:head> </li> <li> </li> <li> <html:title>A Look Into HTML6</html:title> </li> <li> </li> <li> </html:head> </li> <li> </li> <li> </html:html> </li> </ol></pre><p>4. <html:meta> 和 <meta> 标签类似，不同之处在于，在 HTML5 中你只能使用标准的元数据类型，如：”keywords”, “description”, “author”等，而在 HTML6 中你可以使用任何元数据类型。</p><pre> <ol> <li><!DOCTYPE html> </li> <li> </li> <li> <html:html> </li> <li> </li> <li> <html:head> </li> <li> </li> <li> <html:title>A Look Into HTML6</html:title> </li> <li> </li> <li> <html:meta type="description" value="HTML example with namespaces"> </li> <li> </li> <li> </html:head> </li> <li> </li> <li> </html:html> </li> </ol></pre><p>5. <html:link> 和 HTML6 之前版本的 <link> 标签类似。</p><pre> <ol> <li><!DOCTYPE html> </li> <li> </li> <li> <html:html> </li> <li> </li> <li> <html:head> </li> <li> </li> <li> <html:title>A Look Into HTML6</html:title> </li> <li> </li> <li> <html:link src="js/mainfile.js" title="Script" type="text/javascript"> </li> <li> </li> <li> </html:head> </li> <li> </li> <li> </html:html> </li> </ol></pre><p>6. <html:body> 和 <body> 标签一样。</p><pre> <ol> <li><!DOCTYPE html> </li> <li> </li> <li> <html:html> </li> <li> </li> <li> <html:head> </li> <li> </li> <li> <html:title>A Look Into HTML6</html:title> </li> <li> </li> <li> </html:head> </li> <li> </li> <li> <html:body> </li> <li> </li> <li>  </li> <li> </li> <li> </html:body> </li> <li> </li> <li> </html:html> </li> </ol></pre><p>7. <html:a> 和 <a> 标签类似，区别是 <html:a> 只有 “href” 一个属性。</p><pre> <ol> <li><!DOCTYPE html> </li> <li> </li> <li> <html:html> </li> <li> </li> <li> <html:head> </li> <li> </li> <li> <html:title>A Look Into HTML6</html:title> </li> <li> </li> <li> </html:head> </li> <li> </li> <li> <html:body> </li> <li> </li> <li> <html:a href="http://siteurl">Go to siteurl.com!</html:a> </li> <li> </li> <li> </html:body> </li> <li> </li> <li> </html:html> </li> </ol></pre><p>8. <html：button> 和 <button> 及 <input type=”button”> 一样。</p><pre> <ol> <li><!DOCTYPE html> </li> <li> </li> <li> <html:html> </li> <li> </li> <li> <html:head> </li> <li> </li> <li> <html:title>A Look Into HTML6</html:title> </li> <li> </li> <li> </html:head> </li> <li> </li> <li> <html:body> </li> <li> </li> <li> <html:button>Click Here</html:button> </li> <li> </li> <li> </html:body> </li> <li> </li> <li> </html:html> </li> </ol></pre><p>9. <html:media> 涵盖 <img>, <video>, <embed> 等标签的所有功能。<html:media> 的好处是你不用根据不同的媒体文件类型使用不同的标签，媒体的类型由浏览器从文件内容（类型属性，扩展名，和MIME type）中来判断。</p><pre> <ol> <li><!DOCTYPE html> </li> <li> </li> <li> <html:html> </li> <li> </li> <li> <html:head> </li> <li> </li> <li> <html:title>A Look Into HTML6</html:title> </li> <li> </li> <li> </html:head> </li> <li> </li> <li> <html:body> </li> <li> </li> <li>  </li> <li> </li> <li> <html:media src="img1/logo.jpg" type="image"> </li> <li> </li> <li>  </li> <li> </li> <li> <html:media src="videos/slide.mov"> </li> <li> </li> <li> </html:body> </li> <li> </li> <li> </html:html> </li> </ol></pre><p><strong>标签类型(Tag types)概述</strong></p><p>和 HTML5 一样， HTML6 也有两种标签类型：单标签（single tag) 和双标签（double tag）</p><pre> <ol> <li><html:meta type="author" content="single tag"> </li> <li> </li> <li> <html:meta type="author" content="double tag" /> </li> </ol></pre><p>单标签不需要结束符’/’</p><p><strong>结语</strong></p><p>HTML6 规范还未发布，本文原作者Oscar Godson 只是为我们提供了一个对 HTML6 规范的展望，或者说他希望 HTML6 能够支持的一些新特性。</p> <br> 网站栏目：HTML6 初探 — 你没看错，是6不是5 <br> URL分享：<a href="http://www.myadxq.com/article/cohgdhh.html">http://www.myadxq.com/article/cohgdhh.html</a> </div> <div class="hot_new"> <div class="page_title clearfix"> <h3>其他资讯</h3> </div> <div class="news_list clearfix"> <ul> <li> <a href="/article/cdijsgs.html">服务器分为哪些类型？小型企业服务器的分类</a> </li><li> <a href="/article/cdijsed.html">连接到云服务器失败是怎么回事（连接到云服务器失败是怎么回事儿）</a> </li><li> <a href="/article/cdijseo.html">禁用驱动程序签名强制是什么？（windows驱动签名认证）</a> </li><li> <a href="/article/cdijsis.html">控件注册服务器：管理系统中的必备之一(控件注册服务器)</a> </li><li> <a href="/article/cdijsgc.html">如何查看云服务器的访问日志</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="footer wow fadeInUp"> <div class="rowFluid"> <div class="span12"> <div class="container"> <div class="footer_content"> <div class="span4 col-xm-12"> <div class="footer_list"> <div class="span6"> <div class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服务号二维码" /></div> </div> <div class="span6 col-xm-12"> <div class="quick_navigation"> <div class="quick_navigation_title">快速导航</div> <ul> <li><a href="https://www.cdcxhl.com/shoulu/" title="免费收录网站" target="_blank">免费收录网站</a></li><li><a href="https://www.cdxwcx.com/city/mianzhu/" title="绵竹网站建设" target="_blank">绵竹网站建设</a></li><li><a href="http://www.cxjianzhan.com/seo/" title="快照排名" target="_blank">快照排名</a></li><li><a href="https://www.cdxwcx.com/city/guangan/" title="广安网站建设" target="_blank">广安网站建设</a></li><li><a href="http://www.xdwzjz.cn/" title="新都网站建设" target="_blank">新都网站建设</a></li><li><a href="http://www.ebljrwl.com/" title="昆明发电机专业维修" target="_blank">昆明发电机专业维修</a></li><li><a href="https://www.cdcxhl.com/app.html" title="成都app软件开发" target="_blank">成都app软件开发</a></li> </ul> </div> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_link"> <div class="footer_link_title">友情链接</div> <ul id="frientLinks"> <a href="https://www.cdcxhl.com/" title="网站制作" target="_blank">网站制作</a> <a href="https://www.cdcxhl.com/" title="网站建设" target="_blank">网站建设</a> <a href="https://www.cdxwcx.com/tuiguang/" title="成都网络推广" target="_blank">网络推广</a> <a href="http://seo.cdkjz.cn/" title="成都网站推广" target="_blank">网站推广</a> <a href="https://www.cdcxhl.com/xiaochengx.html" title="成都微信小程序开发" target="_blank">小程序开发</a> <a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a> </ul> <div class="footer_link_title">网站建设</div> <ul id="frientLinks"> <li><a href="/">绵阳逸来禧建站</a></li> <li><a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a></li> </ul> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_cotact"> <div class="footer_cotact_title">联系方式</div> <ul> <li><span class="footer_cotact_type">企业：</span><span class="footer_cotact_content">成都逸来禧酒店管理有限公司</span></li> <li><span class="footer_cotact_type">地址：</span><span class="footer_cotact_content">成都市青羊区太升南路288号</span></li> <li><span class="footer_cotact_type">电话：</span><span class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span class="footer_cotact_type">网址：</span><span class="footer_cotact_content"><a href="/" title="绵阳网站建设">www.myadxq.com</a></span></li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <p>公司名称：成都逸来禧酒店管理有限公司联系电话：18980820575</p> <p><a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">网站备案号：蜀ICP备2025178062号-10</a></p> <p>绵阳逸来禧建站绵阳网站建设绵阳网站设计绵阳网站制作 <a href="http://www.cdxwcx.cn/" target="_blank">成都做网站</a></p> </div> </div> </div> </div> </body> </html> <script> $(".technical_support_box_z_info_box 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>