那些被忽略的可怜的标签
2013-10-18 19:04
183 查看
Number 1: label标签
就在前几天,工作室偶尔的一次培训,我才结识了label标签,才知道有这个可怜的标签的存在。可是那次的培训我没有认真的去研究,而戏剧性的是,下午去百度前端霸笔的时候,第一道题竟然是问label标签的属性和属性的值,我晕,好吧,我承认我错了,没有认真的去研究过这个别忽略已久的标签。现在就好好的研究一下它。首先第一反应是在w3school上查找然后自己的理解就是:<label> 标签的 for 属性一定要与相关元素的 id 属性相同。<label>
标签为 input 元素定义标注(标记),它们是成对的出现,并且不会为用户提供任何特殊效果,通俗一点的说,只是为了提高用户体验,让鼠标可选择点击的范围加大,但是必须注意的是,就算只是那么小小的功能,请别忽略,看,百度的笔试唯一一道html题就是这个被人忽略掉的label标签。下面就详细的解析一下label标签的用法。
<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form>
文本效果:
male O
female O
现在只要点击male或是female时就可以选定,从而提高了用户体验,不用一定要点中O才可以选定,是不是很容易掌握这个标签呢。。。
Number 2:zoom属性
css中的zoom,这个zoom属性我想是针对ie6和ie7而言的一个hack吧。zoom没有继承性可言。兼容性: IE 基本语法 zoom : normal | number 语法取值 normal : 默认值。使用对象的实际尺寸 number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 使用说明 设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承,但是它会影响对象的所有子对象(
children )。这种影响很像 background 和 filter 属性导致的变化。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
用css中的zoom属性可以让网页实现IE7中的放大缩小功能。 zoom:1就是和原来一样大小
相关文章推荐
- 被忽略却很有用的html标签
- 容易被忽略的label标签
- 汽车排气管改装有那些容易忽略的的问题
- XML解析忽略标签名的大小写
- HTML 5学习笔记1——那些常被忽略的属性
- [Android 性能优化系列]那些不能忽略的小细节
- 那些我在jsp自定义标签中犯过的拼写错误
- struts2标签遍历时,显示内容忽略<html>代码问题
- 别再留恋:那些被 HTML5 弃置的旧标签
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- 别忽略那些无用的事。
- css中那些被我们所忽略的选择器
- 技术人员,请注意那些被你忽略的重要事情
- html5手机网站需要加的那些meta/link标签,html5 meta全解
- 被忽略却很有用的html标签
- HTML5探索一(那些新增的标签和属性)
- 关于JS那些容易被你忽略的那些点(3)
- 那些JS容易忽略的题