web开发的几道笔试题

来源：互联网发布：2am 2pm 知乎编辑：程序博客网时间：2024/04/18 16:26

1、什么是HTML
超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。

2、<!DOCTYPE html 头文件的作用和用法

声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或

XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档

。没有结束标签。

3、META元素的作用（当时是选择题，选项记不清了）
META元素对访问者本人是不可见的(除非分析HTML源文件)，它对浏览器和一些搜索引擎是可见的，用来

描述文档特性，也就是说能够更容易让搜索引擎搜索到。

4、若干一大堆超简单的html和css选择题，稍微有点基础的人5秒钟内就能选出来

5、css代码优化。（给了一大堆重复写的css代码，让你缩写）
margin-top:20px;
margin-right:5px;
margin-left:5px;
margin-bottom:20px;
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:”Lucida Grande”,sans-serif;
color:#336699;

答案:
margin:20px 5px;
font:italic small-caps bold 1em/140% “Lucida Grande”,sans-serif;
color:#369;
如果面试官问你，为什么要进行优化。答：减少页面请求和css解析次数，提高页面响应速度。

6、.test {
height:25px;
line-height:25px;
}
问：这段代码在IE和火狐浏览器中高度显示是否一样?如果不一样，请写出他们的实际高度。

答：（别上了“写出他们实际高度”这个提示的当）
这道题是考兼容性，你只要写出，IE浏览器是内容撑开高度，比如文字高度是30,那么最终IE里的高度

就是30。而火狐浏览器是内容一超过高度，高度就会被撑破，导致错位。

如果这道题目让你解决兼容性，你可以用min-height的方法加上csshack（IE6不认识min-height）去解

决。

7、img中的alt和title有什么区别

1、含义不同
alt是当图片不存在时的替代文字; title是对图片的描述与进一步说明

2、在浏览器中的表现不同
在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示; 只有在ie6中，当鼠标经

图片时title和alt的值都会显示。对于网站seo优化来说，title与alt还有最重要的一点：搜索引擎对

图片意思的判断，主要靠alt属性。所以在图片alt属性中以简要文字说明，同时包含关键词，也是页面

优化的一部分。条件允许的话，可以在title属性里，进一步对图片说明。

8、列举html中的行元素和块元素（不用写的很全，除非面试官真的很苛刻）
块：address blockquote center dir div dl fieldset form h1-h6 hr isindex input prompt
menu noframes frames ol p pre table ul applet button del iframe ins map object -

object script
行：a abbr acronym b bdo big br cite code dfn em font i img input kbd label
q s samp select small span strike strong sub sup textarea tt u var

9、div和span的区别（我当时的感觉是，刚考过行和块，怎么又来了，所以写了一些运用方面的区别）

div:可定义文档中的分区或节，标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记，那么该标签的作用会变得更加有效。

span: span不会占用一行，内容占多大宽度，span就有多宽。通常用来标记段落中的元素，指定特有的css代码

10、  你真的了解HTML吗?。  我说：是的，我很了解 (嗯，很好，传说中以前很多人挂掉的题目居然真被我遇到了~还好我之前翻看过，全记下了，当时是100%答对)

考点1：html和 xhtml的区别
这行代码在html 4.01 strict下是完全正确的，在xhtml 1.0 strict下是错误一堆的。所以明显是一个考点。在xhtml下所有标签是闭合的，p,br需要闭合, 标签不允许大写，P要小写。同时nbsp和br必须包含在容器里。html下这些都不是错。p在html里是可选闭合标签，是可以不用闭合的。这个考点告诉你xhtml是多么苛刻。这是基本考点，答对，你依然拿不到满分。

考点2：考样式分离
用&nbsp控制缩进是不合理的。应该用CSS完成。

考点3：合理使用标签
br是强制折行标签，p是段落。原题用连续的br制造两个段落的效果，效果是达到了，但显然用的不合理，段落间距后期无法再控制。正确的做法是用两个p表现两个段落。“我说”后面是正常的文字折行用br是合理的。

11、如果让一个flash浮于一个div的上方?
给flash标签里加这个属性 wmode=”opaque”或wmode=”transparent”把flash变成透明，上层是flash 下层是div，这样可以重叠在一起，因为flash透明了，所以不影响下面div的显示。

（如果题目是倒过来的，让你把div浮于flash上，那么就是用绝对定位和z-index属性）

12、你认为HTML中最难的是什么（面试官之后和我面谈时，表示他的用意是想了解你在做网页和开发时，自己认为哪一块最难，最不好处理）

我的回答是解决各浏览器的兼容性会影响我的工作效率，这是我认为最比较难搞定的一件琐事，但我表示最终我可以把所有浏览器兼容性都解决，一般我先是检查布局是否有错，如果布局无错情况下，使用少量css hack代码来兼容所有浏览器，面试官一直在点头，没有反驳。

0 0