前端面试宝典6-10题

    6.Label 的作用是什么？是怎么用的？

    label 标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转

    到和标签相关的表单控件上。

<label for="Name">Number:</label> 
<input type="text" name="Name" id="Name"/> 
<label>Date:<input type="text" name="B"/></label>

    7.实现不使用 border 画出 1px 高的线，在不同浏览器的标准模式与怪异模式

下都能保持一致的效果。

<div style="height:1px;overflow:hidden;background:red"></div>

    8.网页验证码是干嘛的，是为了解决什么安全问题。

    区分用户是计算机还是人的公共全自动程序。可以防止恶意破解密码、刷票、论坛

    灌水；

    有效防止黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝

    试。

    9.title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？

    title 属性没有明确意义只表示是个标题，H1 则表示层次明确的标题，对页面信息的

    抓取也有很大的影响；

    strong 是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时：<strong>

    会重读，而<B>是展示强调内容。

    i 内容展示为斜体，em 表示强调的文本；

    Physical Style Elements — 自然样式标签

    b, i, u, s, pre

    Semantic Style Elements — 语义样式标签

    strong, em, ins, del, code

    应该准确使用语义样式标签, 但不能滥用, 如果不能确定时首选使用自然样式标签。

    10.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？

    （1）有两种， IE 盒子模型、W3C 盒子模型；

    （2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；

    （3）区 别： IE 的 content 部分把 border 和 padding 计算了进去