我们专注简阳网站设计 简阳网站制作 简阳网站建设
简阳网站建设公司服务热线：18982081108

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

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

HTML5 概述

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

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

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

HTML6 展望

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

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

HTML6 代码样例：

 
 
      
  
  1.  
    2.   
  
  2.  
    3.   
  
  3.   
    4.   
  
  4.  
    5.   
  
  5.   
    6.   
  
  6.  
    7.   
  
  7.  A Look Into HTML6 
    8.   
  
  8.  
    9.   
  
  9.   
    10.   
  
  10.  
    11.   
  
  11.   
    12.   
  
  12.  
    13.   
  
  13.   
    14.   
  
  14.  
    15.   
  
  15.   
    16.   
  
  16.  
    17.   
  
  17.   
    18.   
  
  18.  
    19.   
  
  19.   
    20.   
  
  20.  
    21.   
  
  21.  
     
    22.   
  
  22.  
    23.   
  
  23.   
    24.   
  
  24.  
    25.   
  
  25.   
    26.   
  
  26.  
    27.   
  
  27.   
    28.   
  
  28.  
    29.   
  
  29.  
    30.   
  
  30.  
    31.   
  
  31.  a1 
    32.   
  
  32.  
    33.   
  
  33.  a2 
    34.   
  
  34.  
    35.   
  
  35.   
    36.   
  
  36.  
    37.   
  
  37.  
 
  •  
  •   
  •  
  •  
     
  •  
  •  

    Heading of main article

     
  •  
  •  

    Sub-heading of main article

     
  •  
  •  

    [...]

     
  •  
  •  

    [...]

     
  •  
  •  
    •  
  •  
  •  
     
  •  
  •  

    The concept of HTML6

     
  •  
  •  

    Understanding the basics

     
  •  
  •  

    [...]

     
  •  
  •   
  •  
  •   
  •  
  •  
     
  •  
  •  This site is © to Anonymous 2014 
  •  
  •   
  •  
  •   
  •  
  •   

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

    HTML6 APIs

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

    1. 

     
 
        
  
    1.  
      2.   
  
    2.  
      3.   
  
    3.  // this is equivalent to  tag written in previous HTML versions 
      4.   
  
    4.  
      5.   
  
    5.   
      6.   
  
    6.  
      7.   
  
    7.   
      8.

    2.  和  标签一样。

     
 
        
  
    1.  
      2.   
  
    2.  
      3.   
  
    3.   
      4.   
  
    4.  
      5.   
  
    5.   
      6.   
  
    6.  
      7.   
  
    7.   
      8.   
  
    8.  
      9.   
  
    9.   
      10.   
  
    10.  
      11.   
  
    11.   
      12.

    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> <!-- This is where your website content is placed --> </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> <!-- Image would come here --> </li> <li> </li> <li> <html:media src="img1/logo.jpg" type="image"> </li> <li> </li> <li> <!-- Video doesn't need a type --> </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> 地址分享：<a href="https://jylskj.cn/article/cohgdhh.html">https://jylskj.cn/article/cohgdhh.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/chjdsi.html">web应用防火墙功能是怎样的应该如何使用</a> </li><li> <a href="/article/sdpshc.html">B端网站关键词选的好，精准流量没得跑！</a> </li><li> <a href="/article/ehcicj.html">村建站是做什么的,个人建站做什么网站比较赚钱</a> </li><li> <a href="/article/hesjcg.html">编程简单代码java,各种编程代码</a> </li><li> <a href="/article/hejphh.html">关于python四分位数函数的信息</a> </li><li> <a href="/article/djhidii.html">linux如何更新网卡驱动</a> </li><li> <a href="/article/dpidddi.html">Bae数据库账号管理指南，保障数据安全(bae数据库账号)</a> </li><li> <a href="/article/coegedc.html">织梦数据库备份无法还原，数据丢失？(织梦数据库备份无数据)</a> </li><li> <a href="/article/cdcpgic.html">详解移动应用测试神器PerfDog</a> </li><li> <a href="/article/ccsssse.html">ps中怎么做出华丽字体效果</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上四川简阳网站建设。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"></textarea> <a href="">提交需求</a> </form> </div> </div> <div class="footA"> <div class="footAs container"> <ul> <h3>联系我们</h3> <b>028-86922220</b> <li>手机：13518219792</li> <li>地址：成都市简阳市大华国际财富中心2号楼</li> <li class="hr1"></li> <li>24小时服务热线：18982081108</li> </ul> <ul> <h3>网站建设服务</h3> <li><a href="https://www.cdcxhl.com/sheji/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站设计</a></li> <li><a href="https://www.cdcxhl.com/zuo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳做网站</a></li> <li><a href="https://www.cdcxhl.com/zhizuo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站制作</a></li> </ul> <ul> <h3>网站推广服务</h3> <li><a href="https://www.cdcxhl.com/google.html" target="_blank" style="color:#B7B6B6">Google外贸推广</a></li> <li><a href="https://www.cdcxhl.com/seo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站优化</a></li> <li><a href="https://www.cdcxhl.com/quanwang.html" target="_blank" style="color:#B7B6B6">全网营销推广</a></li> </ul> <ul> <h3>网站运维服务</h3> <li><a href="https://www.cdcxhl.com/yunying.html" target="_blank" style="color:#B7B6B6">网站托管运营</a></li> <li><a href="https://www.cdcxhl.com/gaiban/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站改版</a></li> <li><a href="https://www.cdcxhl.com/weihu/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站维护</a></li> </ul> <ul> <h3>FOLLOW US</h3> <li class="hr2"></li> <li> <dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd> <dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd> </li> </ul> </div> <div class="link container"> 友情链接： <a href="http://www.emts.com.cn/about/" title="东方电机技改服务有限公司" target="_blank">东方电机技改服务有限公司</a>   <a href="http://www.ncjike.cn/" title="成都柴油发电机组" target="_blank">成都柴油发电机组</a>   <a href="http://www.hirschbrau.com/" title="成都发电机专业检修" target="_blank">成都发电机专业检修</a>   <a href="http://www.toidve.com/" title="攀枝花网站建设" target="_blank">攀枝花网站建设</a>   <a href="http://www.idcmianyang.com/" title="绵阳idc服务器托管" target="_blank">绵阳idc服务器托管</a>   <a href="http://www.dwrwk.com/" title="大悟县宠物食品" target="_blank">大悟县宠物食品</a>   <a href="http://www.zltingche.com/" title="成都门型展架制作" target="_blank">成都门型展架制作</a>   <a href="http://www.wjwzjz.com/" title="温江做网站" target="_blank">温江做网站</a>   <a href="http://www.lxylcxy.com/" title="昆明实木家具定制" target="_blank">昆明实木家具定制</a>   <a href="http://www.sffdjwx.cn/" title="沃尔沃电机组维修" target="_blank">沃尔沃电机组维修</a>    </div> </div> <div class="footB"> <div class="container"> <div class="fl"> Copyright © 2026 四川简阳网站建设公司 四川简阳网站建设公司-选我们！四川专业的简阳网站制作公司！ </div> <div class="fr"> All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2026002071号-11</a> </div> </div> </div> </footer> </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>