仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 895|回复: 9
打印 上一主题 下一主题

[HTML5] html教程之Safari 4扫瞄器的一些新特征

[复制链接]
飘飘悠悠 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:22:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用HTML5也是断断续续的有些历史了,但是没有系统的总结过,最近发现公司的图书馆有不少藏书,网页制造poluoluo文章简介:正式版的safari4保持了仿Chrome的tab体例,复原至3.0版本的界面。
在WWDC2009上,Apple公布了正式版的Safari4扫瞄器,正式版的safari4保持了仿Chrome的tab体例,复原至3.0版本的界面。据称,WWDC上,Serlet严峻的BS了一下微软的IE8扫瞄器,并称Safari的JavaScript引擎是今朝天下上最快的,依据他供应的测试数据,Chrome2的速率是IE8的5.3倍,而Safari4的速率则是IE8的7.8倍
这些数据年夜多是官方的噱头,我们就先不论啦,看看Safari4会对我们前端开辟有哪些影响吧:

HTML5

撑持Audio和video标签。
CSS

Safari4对CSS的撑持有较多改善,详细以下:
ZOOM

Safari4入手下手撑持zoom属性。这一点儿的用法和效果和IE扫瞄器一向。分歧的是,假如是缩放,Safari会减少到扫瞄器撑持的最小字体,而IE会间接减少到设置的巨细。好比:
  1. .zoomTest{font-size:12px;zoom:0.1}
复制代码
Safari只会减少至9px字体巨细,而IE会减少至1.2px(肉眼已看不清了)。
-webkit-animation

有一系列子属性构成:


  • -webkit-animation-name为动画指定一个称号
  • -webkit-animation-duration动画延续工夫
  • -webkit-animation-timing-function动画帧切换体例,也就是动画效果,也许有ease、linear、ease-in、ease-out、ease-in-out这几种。
  • -webkit-animation-delay界说动画入手下手工夫
  • -webkit-animation-iteration-count动画反复次数
  • -webkit-animation-direction动画偏向,有两个属性:normal,正向播放;alternate,瓜代偏向,第偶数次正向播放,第奇数次反向播放。
-webkit-mask

CSS遮罩/蒙板效果


  • -webkit-mask-attachment两个值:fixed和scroll;
  • -webkit-mask-clip元素边框的剪切效果;
  • -webkit-mask-position用法相似background-position属性。
  • -webkit-mask-origin划定-webkit-mask-position属性的锚记。有border、content、和padding三个属性。
  • -webkit-mask-image元素的蒙板图片,值为图片路径;
  • -webkit-mask-repeat反复性设定,
  • -webkit-mask-composite夹杂款式。默许为border,也就是背景延长到border地区。还能够设置为padding。
别的改善

Safari4同时增添或加强了别的一些CSS属性撑持,好比,background-position入手下手撑持动画效果,这里就不再赘述。
能够看出,Safari新增的这些CSS属性,并不是W3C尺度中的内容,不外这些webkit的公有属性,切实其实可让我们开辟出更好的收集使用。
WAI-ARIA脚色

想必对WAI-ARIA懂得的人不是良多。WAI-ARIA即W3CWebAccessibilityInitiativeAccessibleRichInternetApplications,中文翻译为“无停滞富互联网使用程序”。同时W3C制订了WAI-ARIA脚色尺度。Google前不久公布将鼎力撑持WAI-ARIA,并且其Googlereader的屏幕浏览功效便是经由过程WAI-ARIA完成的。今朝,Firefox已入手下手撑持WAI-ARIA,IE8部分撑持。Safari4也入手下手撑持WAI-ARIA脚色。检察Safari4对WAI-ARIA的撑持情形>>
值得注重的是,WAI-ARIA貌似仅撑持div和span标签,为了共同WAI-ARIA,Safari同时增加了HTML的一些撑持属性,好比aria-checked/aria-level/aria-valuemax/aria-valuemin等。
下载safari:
PS:这个下载的按钮,是来自于Safari下载的官方页面,仔细的童鞋会发明,这个按钮的作风明显不是apple的作风了,更像Firefox下载页面的谁人绿色的按钮的作风。
</p>
最近群里面很多人在问html5应该怎么学,这个问题其实没有标准答案。我开这个帖子,目的是为了收集大家每天的学习心得,欢迎大家来回复。
山那边是海 该用户已被删除
沙发
发表于 2015-1-17 22:16:17 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
飘灵儿 该用户已被删除
板凳
发表于 2015-1-22 22:41:17 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
小女巫 该用户已被删除
地板
发表于 2015-1-31 14:25:38 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
若天明 该用户已被删除
5#
发表于 2015-2-6 20:20:52 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
金色的骷髅 该用户已被删除
6#
发表于 2015-2-18 15:33:50 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
灵魂腐蚀 该用户已被删除
7#
发表于 2015-3-6 08:51:13 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
小妖女 该用户已被删除
8#
发表于 2015-3-13 00:07:22 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
不帅 该用户已被删除
9#
发表于 2015-3-13 00:07:27 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
分手快乐 该用户已被删除
10#
发表于 2015-3-20 07:18:46 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 07:56

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表