|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点……在JavaEye瞥见这个话题,会商挺成心思,不由得也搀和一把。
语义思索
起首,链接a和按钮button是有语义的,不克不及由于利用上的便利而交换。a是anchor的缩写,是一个锚点,用来导航或定位。典范用法为:- <ahref="http://www.w3c.org/">W3CWebSite</a><aname="anchor-one">Thisisthelocationofanchorone.</a><ahref="#anchor-one">Linktoanchorone</a>
复制代码 还能够同时指定name和href属性,这是基本常识,如有疑问请参考HTML4.01标准。
再说按钮(包含button和<inputtype=”button/submit”/>)。从语义上讲,按钮是表单的一部分,触发的举措和表单是有联系关系的。假如基本就没有表单操纵,就不该该利用按钮。举些例子:
上图是一些链接,固然长得像button,但语义上是a.
上图中的显现和排序按钮,是操纵表单。从语义上讲,用button或input更符合。(注重:淘宝搜刮了局页今朝接纳的是a,这是出于渐进加强的思索,上面会说起)
总之链接和按钮有各自的语义和利用场景,不克不及随便交换利用。
写法剖析
天下永久没那末复杂,在现今JavaScript方兴未艾的Web天下里,链接a常常用来触发js事务:- <ahref=""onclick="something()">test1</a><ahref="#"onclick="something();returnfalse">>test2</a><ahref="javascript:void(0)"onclick="something()">>test3</a><ahref="javascript:voidsomething()">test4</a>
复制代码 起首,第一种写法在ie下是有成绩的,缘故原由是ie下会主动补全href.
第二种写法间接在onclick事务中制止失落默许事务,因而href="#"中的#实践上能够为恣意值。用#,是思索没有js时,点击后停止在本页(注重:当a在一屏以下时,这类写法会招致页面回滚到顶部)。
第三种写法,href值是一个javascript伪协定,void是javascript的一个一元操纵符(好比!,typeof)。void操纵符的感化是,只实行前面的表达式,不前往任何值。看起来仿佛是void(0)制止了默许事务,实践上,上面这些写法都没成绩:- <ahref="javascript:void(1)"onclick="something()">>test3</a><ahref="javascript:;"onclick="something()">>test3</a><ahref="javascript:"onclick="something()">>test3</a><ahref="javascript:returntrue"onclick="something()">>test3</a>
复制代码 由于a的默许操纵就是javascript伪协定的内容,内里加不加void都不会触发别的事务。(注重:Opera下,当伪协定里有前往值时,会改动href,因而我们一样平常写void(0)或空语句)
了解了第三种写法,第四种写法也就分明了:href="javascript:voidsomething()".这类写法有一个“优点”是,鼠标悬浮时,用户能够经由过程形态栏看到将要实行的函数。对开辟者来讲,这也许是个优点,但对一般用户来讲,这真的会增添信任感吗?抑或是害怕感?没无数据,没法下结论。
除下面的写法,另有一种保举的写法是,经由过程class或id给a增添一个hook,然后在js里经由过程hook来增加事务。
深思
我不想往会商下面的各类写法中哪个是最好的。让我们思索根源成绩:为何我们会用a来触发js事务?我能想到的来由有:
- 如许主动就具有鼠标的悬浮款式了
- 人人都这么写
- 还真想不出啥来由,这不是很天然的事嘛
- 由于IE6只撑持CSS款式的a:hover,并且href还不克不及为空
能够看出,除悬浮款式,找不到啥本色性的来由了。我们临时抛开款式成绩,来看一个例子:
下面是GoogleReader的操纵栏,感乐趣的无妨firebug一下,接纳的标志是:
12下一页
使得W3C与非正式的WHATWG(网络超文本应用程序技术工作小组)关系开始紧张起来。这些年来,一直是WHATWG肩负起HTML的重责大任。 |
|