来了来了,HTML6展望!

论坛 期权论坛 期权     
web前端教程   2019-6-9 21:28   2476   0

web前端教程
用大白话,来讲编程


HTML5还没玩出个所以然,HTML6又要来了。


HTML5 概述

HTML5 是 HTML 语言最受欢迎的版本之一,它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了  ,  ,    这样的标签来帮助开发者更好地组织页面内容。




HTML6 展望
你有没有曾经希望能在 HTML 中使用自定义标签?
比如:使用  来显示你的网站logo,还有使用  来显示工具栏等等。

我们经常使用  和  来组织页面,在 HTML6 里我们希望可以直接使用像  和  这样的自定义标签。

HTML6 代码样例
          HTML6                                                                                                         a1                a2                                                        Heading                Sub-heading                                         2014            
在上面的代码中,你也许注意到了一些奇怪的标签,它们是 W3C 和 HTML6 规范中在命名空间里定义的标签。

例如:  负责设定你浏览器的标题栏文字,负责显示图片等等。

用户可以自己定义标签以便 JavaScript 和 CSS 识别和处理,这样页面代码会更易读,语义更清晰。

HTML6 APIs
HTML6 的标签前带有命名空间,如:  ,   等等。
   
  和 HTML6 之前版本的  标签一样。
                  
  和 HTML6 之前版本的  标签类似。
            HTML6            

  和 HTML6 之前版本的  标签一样。
         A Look Into HTML6                     
  和 HTML6 之前版本的  标签类似,区别是  只有 "href" 一个属性。
         HTML6                            Go to google.com            

  和 HTML6 之前版本的  和  一样。
         HTML6                    Click Here   
  涵盖了  ,  ,  等标签的所有功能。  的好处是你不用根据不同的媒体文件类型使用不同的标签,媒体的类型由浏览器从文件内容(类型属性,扩展名,和MIME type)中来判断。
            HTML6                           
标签类型(Tag types)和 HTML5 一样, HTML6 也有两种标签类型:单标签(single tag) 和双标签(double tag),单标签不需要结束符’/’。

HTML6 还未正式发布,希望能够对你了解 HTML6 有所帮助。

热门文章
原创教程原创教程:《ECMAScript 6 教程》
附加习题:《ECMAScript 6 教程》测试题
原创教程:《Vue.js 基础教程》
原创教程:《Vue.js 进阶教程》
附加习题:《Vue.js 基础教程》测试题
经典试题:  50道 JavaScript 经典面试题

趣味职场职场感悟:混口饭吃,谈不上喜欢
学习困惑:工作用jquery,原生js知道就够
职场感悟:我说程序员要自测代码,结果被怼
职场焦虑:程序员回三四线城市能干啥?
感到迷茫:我很努力,但依然很迷茫
薪资待遇:那么点工资,能招到人吗?
培训出身:我是一个培训出身的程序员
培训费用:花1.8万参加前端培训,值吗?
培训简历:简历包装成1-2年经验,咋办?
搞笑黑话:互联网公司黑话,搞笑到爆
行业困惑:听说你是程序员,给我做个网站呗
新手困惑:2018年学前端是什么样的体验
职业规划:代码写不下去,就去当产品经理
新手求职:新手程序员如何找一家靠谱的公司
新手学习:代码敲慢一点,学得快一点
职场形象:在别人眼里,程序员是这样的
合作广告分割线

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:20
帖子:4
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP