前端面试题

请解释一下DOCTYPE的作用，有DOCTYPE和没有DOCTYPE有什么区别？

DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。

要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效,也就是说如果没有这个DOCTYPE声明将会导致CSS失效-css无效，特别是没有声明或声明不正确将在标准浏览器下更是不能正常显示。

请说说你对web标准的理解？

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。

写一个三栏的布局，要求中间栏最先加载？

一个网页用户最想看到的是中栏的信息，左右2栏其实网站的相关信息的导航入口，所以中栏信息是最重要的，应该在页面显示顺序上优先于左右2栏。或者也可以这么说就是要将一个页面的最重要的信息优先于页面其他元素显示，无论是3栏还是2栏布局，说得很对。

浏览器显示页面是一行一行的按顺序执行代码，也就是说写在前面的先执行显示，而对于左中右3栏布局的设计，代码要么是从左-->中-->右来书写，要么就是到过来从右-->中-->左来书写，为了突出中间一栏，那首先要书写的就是中栏的代码。所以我首先定义了一个id=m的DIV，并且padding-left:150px，定义这个是为了给左栏留出140PX的显示位置，然后再在这个DIV里面嵌套定义一个id=middle的DIV，我用position:absolute的属性（绝对定位）;然后再定义左栏left和右栏right。用position:absolute的属性有一个不好的地方就是它象photoshop里的层一样，它的自动延伸并不会带动整个布局的延伸，所以会遮住一些页面元素，比如我们通常会在网站的最下面写上一些copyright的信息，如果用先显示中栏的这种方法，如果不做处理的话，这些信息会被遮盖住。处理的办法就是使用javascript,让左右2栏的高度随中栏一起自动延伸。

xhtml:

   <div id="all">

        <div id="m">

           <div id="middle"></div>

        </div>

      <div class="left"></div>

      <div class="right"></div>

</div>

同时在网页尾部，我们能加上这个js.

<script language="javascript">

var l=document.getElementById("left").scrollHeight

var m=document.getElementById("middle").scrollHeight

var r=document.getElementById("right").scrollHeight

layoutHeight=Math.max(l,m,r)

document.getElementById("left").style.height=layoutHeight+"px"

document.getElementById("right").style.height=layoutHeight+"px"

document.getElementById("middle").style.height=layoutHeight+"px"

</script>

 HTML中定义表格的宽度用80px与80%的区别是什么？
px表示像素，%表示占整个页面宽度的百分比。

 简述DIV元素和SPAN元素的区别。
DIV默认情况下是分行显示，SPAN在同行显示。

在HTML页面布局中，position的值有哪几种？默认值又是什么？
1）position的五种值分别是static, relative, absolute, fixed, inherit
2）position的缺省值是static

CSS具体含义是什么？在网页制作中为什么要使用CSS技术?
CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。
在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

CSS+DIV开发Web页面的优势有哪些？
1）CSS+DIV，这个网页设计模式中，DIV承担了网页的内容，CSS承担了网页的样式。这样就使网页的内容和样式的分离开来。有利于页面的维护升级。
2）有助于提高搜索引擎亲和力（快速找到需要的数据，而不是像在TABLE中一层层的查找）
3）有助于页面的重构(换皮肤如blog，直接套用另外一套样式就可以实现，而不用改动网页脚本。)

一个HTML文档必须包含三个元素，它们是head、body和哪个？
html

引用CSS样式，有哪几种方法？
1）导入一个已经存在的CSS文件
2）直接在HARD里声明一个CSS代码段
3）直接在网页元素里声明使用CSS样式：style=”color:red;”