• 合肥市安庆路第三小学介绍护学岗工作的优秀经验 2019-11-11
  • 雷政富狱中发声:否认漏罪举报 不服原判正申诉 2019-11-11
  • 端午节期间济南增开20.5对热门方向列车 2019-11-10
  • 候选企业:东方证券股份有限公司 2019-11-04
  • “鹊桥”天梯的“四宗最” 2019-10-21
  • 北京法院诉讼档案实现互联网查阅 2019-10-21
  • 讲政德如何落到实处(专家观点) 2019-10-18
  • 解读习近平八一讲话:铭记辉煌历史 推进强军事业 2019-10-14
  • 吉祥法师:什么才是“相由心生”?了解一下 2019-10-14
  • 乌兰察布--内蒙古频道--人民网 2019-10-12
  • 游客被指捡石子砸老虎 北京野生动物园:正在核实 2019-10-12
  • 回复@老老保老张工:三大件为什么会让人自豪?因为你有钱都买不到,必须找关系批条子!所以结婚能有三大件,不仅表示有钱,还表示有关系。 2019-10-05
  • 致父亲——习近平与父亲的家国情 2019-10-04
  • 高清:葡萄牙明晨对阵西班牙 C罗领衔球队认真备战 2019-10-04
  • 明年起全国将全面供应“国六”汽柴油 2019-10-02
  • 15选5走势图
    电话:13843226952
     
    工作时间:周一至周六:8:30-5:00  周日可联系客服QQ
       
      建站咨询㈠ 建站咨询㈡ 售后服务 售前咨询  
    关于阳光,吉林市网站建设,吉林市网站制作,网络公司
     当前位置:15选5走势图 >>> 技术中心

    新疆35选7中奖规则:HTML 5 现在如何在你的站点上使用

    日期:2012/2/22    来自:15选5走势图   作者:Admin   去百度查找  去Google查找

    15选5走势图 www.kdth.net 你现在可以使用哪些HTML5特性?

        虽然HTML 5标准现在仍然是个草案,在标准化组织手里依然还在商讨,但是重要的部分已经被许多现代的浏览器实现了。Apple Safari, Google Chrome, Mozilla Firefox, Opera和Microsoft IE 9都已经很好的支持了HTML 5的部分特性。先来看看各浏览器在HTML 5 TEST网站上的得分如何:

    1. * Apple Safari 5.0: 208  
    2. * Google Chrome 5.03: 197  
    3. * Microsoft IE7: 12  
    4. * Microsoft IE8: 27  
    5. * Mozilla Firefox 3.66: 139  
    6. * Opera 10.6: 159 

    看起来很明显,非IE核心的主流浏览器大部分都对HTML 5支持良好,它们可以使“使用了HTML 5草案的网站”工作得很好?;氐娇?,你现在就可以使用HTML5的doctype了,没有理由不使用,你甚至可以在整个网站里进行查询和替换:

    1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”  
    2. “//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 
    3. <html xmlns=”//www.w3.org/1999/xhtml”> 

    变为:

    1. <!DOCTYPE html> 
    2. <html> 

    下面这部分代码看起来更简洁和直接,不是吗?如果浏览器用一个标准兼容的方式来渲染你的网页,那么他们现在仍然会这么做。说说视频吧。许多关于HTML5的出版物都会提及到目前的竞争者,一共四个:Flash, H.264, OGG和WebM。所有这些在未来都有可能成为一个标准格式,而且没有一个可以在所有平台所有浏览器上正确播放,很悲哀吧,看起来,浏览器的赞助商们在短 时间内还没有为这个特性准备一个公共的格式。

    所以,显而易见的是,Video标签现在还没有到可以应用的阶段。但是等下,人们应该期待HTML5的视频标签是与格式无关的。事实上,因为视频可 以包含多个Source标签,它也必须得这样工作。如果你的浏览器不支持第一个选项,那么就会去尝试第二个,再第三个,四个,五个……

    处理这样的情况的HTML是一个开源项目,支持基于网络的视频,不使用任何脚本和浏览器嗅探,可以在这里找到。从语义上讲,HTML5的一个大的改变就是那些语义明确化的标签??梢钥吹降母谋涫?,目前你的站点上充满了类似于这样的代码:

    1. <div id=”header”> <span class=”nav”>
    2.  

    而在HTML5中,你可以这样表示:

    1. <header> <nav> 
    2.  

    是不是语义更明确?当然,我们还是要用CSS[层叠样式表]来格式化这些元素。但是等等,没有一个IE版本可以支持这些标签!这对于人们来说是一个 巨大的问题!我们真的这么倒霉吗?谢天谢地,我们还有一个解决方案:所有你需要做的事情就是把下面的代码粘贴到你的页面的HEAD标签里:

    1. <!–[if lt IE 9]>   
    2. <script src=   
    3. "//html5shiv.googlecode.com/svn/trunk/html5.js">   
    4. </script>   
    5. <![endif]–> 

    HTML5 Shiv是一个开源的项目,基于一个简单的发现:如果你在IE里创建了一个DOM元素,那么你就可以用那个名字在样式里使用。例如,如果你使用:

    1. document.createElement(“foo”)
    2.  

    创建了一个DOM元素,那么你就可以在当前页面里加入任意数量的foo标签,而且IE会格式化它们。HTML5 Shiv里包含了一些IE不能识别的HTML5元素,然后一个一个的去创建它们。这样你就可以使用这些HTML5标签了,例如:

    1. Article, Section, Header, Footer, Nav
    2.  

    智能表单,另一个使HTML5更聪明的特性。如果你对于每次写同样的脚本去检查邮件地址的合法性或者类似于电话号码、网络地址之类的感到厌烦的话,那么你不是一个人!有理由去让浏览器去完成这些烦人的工作,不是吗?相当正确。

    下面是语法:

    1. <input type="email">   
    2. <input type="url">   
    3. <input type="number">   
    4. <input type="tel"> 

    那些旧的浏览器会如何处理?比较聪明的部分:如果它们看到一个TYPE属性有个值不认识的话, 那么它们就会用默认值Text去渲染这个元素,这正是我们所期望的向下兼容的结果。支持HTML5的浏览器会自动去验证这个字段类型,但是,你最好还是不 要把以前的脚本扔掉,至少——也要在IE9普及以后。

         如果你还想知道除了验证之外,支持这些类型的浏览器还做了些什么事情,那么你可以在iPhone上试试这些表单。你会注意到与表单关联的键盘类型都 会发生变化,有的时候是数字类型的,有的时候是字母类型但附加了一个@符号,还有的甚至直接有一个按键.com,这就是这些元素的魔力。所有你需要做的就 是改变这个type的属性值而已。

     
    上一篇:CSS控制DIV水平居中的方法
    下一篇:企业网站到底要怎么做?
      阳光新闻 更多>>>
    吉林网站建设_吉林网页制作-阳光新闻
    移动建站的优势在哪?
    如何规划网站的主题
    网站优化注意事项
    网站建设的趋势
    网站建设对企业发展有哪些助力
    小程序未来的市场前景
      招贤纳士 更多>>>
    诚聘销售精英合作伙伴
    诚招吉林市网站建设商务经理
    招聘吉林市网站建设技术员
    公司招收吉林市网站开发学员
    因业务发展需要特诚聘商务代表
      网站建设专题 更多>>>
    阳光科技为您提供网站改版服务
    为什么网页设计要简练?
    如何在百度提交收录,怎样让自己的网站排名
    什么样的网站最受访客喜欢?
    吉林市网站建设形式与内容应统一
    网站管理与团队经营的秘诀
    优质的单页网站如何创建
     
    Copyright © 2008-2019 15选5走势图, All Rights Reserved    
    电话:13843226952  联系人:王经理
    ICP备案号:吉ICP备10003760号   技术支持:15选5走势图
    打造好的15选5走势图!我们为您提供有品质的15选5走势图、15选5走势图、15选5走势图、15选5走势图、15选5走势图、15选5走势图服务!
  • 合肥市安庆路第三小学介绍护学岗工作的优秀经验 2019-11-11
  • 雷政富狱中发声:否认漏罪举报 不服原判正申诉 2019-11-11
  • 端午节期间济南增开20.5对热门方向列车 2019-11-10
  • 候选企业:东方证券股份有限公司 2019-11-04
  • “鹊桥”天梯的“四宗最” 2019-10-21
  • 北京法院诉讼档案实现互联网查阅 2019-10-21
  • 讲政德如何落到实处(专家观点) 2019-10-18
  • 解读习近平八一讲话:铭记辉煌历史 推进强军事业 2019-10-14
  • 吉祥法师:什么才是“相由心生”?了解一下 2019-10-14
  • 乌兰察布--内蒙古频道--人民网 2019-10-12
  • 游客被指捡石子砸老虎 北京野生动物园:正在核实 2019-10-12
  • 回复@老老保老张工:三大件为什么会让人自豪?因为你有钱都买不到,必须找关系批条子!所以结婚能有三大件,不仅表示有钱,还表示有关系。 2019-10-05
  • 致父亲——习近平与父亲的家国情 2019-10-04
  • 高清:葡萄牙明晨对阵西班牙 C罗领衔球队认真备战 2019-10-04
  • 明年起全国将全面供应“国六”汽柴油 2019-10-02
  • 澳洲幸运十免费计划 2019东方心经资枓大全 彩票浙江11选5开奖结果 十五选五开奖结果 快乐飞艇正规吗 麻将十赌九赢的小秘方 fifa ol4官网 足球365 中博彩票 二八杠游戏安卓下载 二八杠怎么看生死门 牛牛介绍 福彩3d开奖号码 宝2国际网上真钱娱乐 海南飞鱼开奖历史记录