zoukankan      html  css  js  c++  java
  • H5是什么,CSS3又是什么?

    经常有客户咨询说你们会做H5吗,就像这个,拿过来一看,一个上下滑动的贺卡,这已经成为了大部分人对H5的理解,甚至很多大公司都推出了制作这种动画的工具,可以快速生成此类页面。(其实,这就用到了一些CSS3的技巧,好吗!!!)

    我大H5就是你们说的这样吗,伤心!!!!

    H5可是个牛逼闪闪的东西,且是你们说的那么低端


    从大名鼎鼎w3school上可以了解到H5其实包含了很多的内容,有众多的新标签,canvas,svg,地理位置,web存储,应用缓存,web workers等,你们这些鸟人就知道nav,section吧。

    H5从哪来?她是W3C和whatwg合作的结果,双方互通有无,创建了一个新版本的html,这个版本基于html,css,dom以及javascript,虽说是一个新版本的html实际上则是对h4的扩充,增加了一些新特性,也把成为事实标准的特性正式纳入了H5。
    新特性典型的有svg,canvas,video、audio元素,article、header、footer之类语义化标签,calendar、date、email、url之类新表单控件,成为事实标准的本地存储api,如localStorage,sessionStorage等。


    H5是两个组织合作的结果,CSS3又是什么呢?其实CSS3从来就没有在哪个规范中定义过,这点和CSS2.1以及更早的css1不一样。css1发表于1996年,这个版本非常简单也很少,只用一个html页面就全部呈现出来了。
    CSS2发表于1998年,这个版本定义更加严格,涵盖的功能也更多,由于CSS2变的很庞大,W3C工作组决定将css打散分成多个不同的规范,每个规范独立更新,CSS3把CSS2中的部分规范进行了升级成为第三个版本,同时新增加了一些版本号为1的新规范,未来的css4依旧会这样升级,所以CSS3并不是一个独立的版本。
    CSS3升级了CSS2的部分模块,如css语法,css层叠和继承,css颜色,选择符,css背景和边框,css值和单位,css文本排版,css文本装饰效果,css字体,css基本UI特性,要理解这些首先要充分理解CSS2,否则会一头雾水。
    像CSS3变形,图像混合效果,动画,滤镜效果,css遮罩,css伸缩盒布局,css网格布局则是新增加的规范,版本号是1。
    由此可见CSS3是大家约定俗成的一个说法,更多人的理解仅限于变形(transform),转换(transition),动画(animation)等之类的新规范,事实上整个CSS3包含了CSS2版本的升级以及新增加的特性。

    题外话:
    谈到CSS3就必须了解W3C组织,虽然规范都是由这个组织制定的,但是他并不生产标准,在其中只是扮演一个论坛的角色。W3C组织的成员包括86名W3C会员公司的成员,7名特邀专家以及5名W3C工作人员,真正给W3C工作的只有5个人而已,大部分是会员公司的成员,这些会员公司有浏览器厂商,主流网站,研究机构以及常规技术公司。
    W3C最后制定出的这个标准是有很大滞后性的,因为很多特性都是浏览器厂商先在自己的浏览器上实现的,然后其他浏览器厂商跟进,最后被广泛使用,然后才被W3C吸纳为标准,这也就是为什么有些特性需要加前缀的原因。

  • 相关阅读:
    酒店预订2
    酒店预订1
    软件2
    酒店预定系统
    系统软件构成
    用例图
    软件构成
    业务用例名
    业务用例结果查询
    业务用例导师交流
  • 原文地址:https://www.cnblogs.com/diantao/p/5988411.html
Copyright © 2011-2022 走看看