1、列举你工作中遇到的IE6 BUG，谈谈解决方案
a.双倍边距bug:
例如：当给父元素内第一个浮动元素设置margin-left或margin-right的时候，margin属性会加倍，此时需要添加属性display:inline.
这样能避免双倍边距
b当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现，它会偏移3像素。我的解决办法是给非浮动元素加上浮动就可以了
c.当子元素浮动未知高度时，使父容器适应子元素的高度bug
overflow:auto;——-让父容器自适应子元素的高度
在IE6会自动扩展父层元素的高度，而IE8和FF等浏览器加上overflow:auto后，即可清除浮动。
2、如何用CSS分别单独定义IE6、7、8的width属性
所有浏览器 通用
height: 100px;
IE6 认：
_height: 100px;
IE6 ，IE7 都认：
*height: 100px;
IE7、FF 共用
height: 100px !important;
3、CSS中哪些属性不可以从父元素继承
例如border（边框）、margin（边距）、padding（补白）和背景
4、你如何理解HTML结构的语意化
HTML结构是页面的骨架, 一个页面就好像一幢房子, HTML结构就是钢筋混泥土的墙，一幢房子如果没有钢筋混泥土的墙那就是一堆费砖头, 不能住人，不能办公。css是装饰材料, css如果没有html结构那就是一堆木板，一同油漆，没有了实际使用价值。当我们提到“语义标记”的时候，我们所说的HTML应该是完全脱离表现信息的，其中的标签应该都是语义化地定义了文档的结构。
意义：
- 这样有利于读取设备将根据自身条件合适地显示页面
- 搜索引擎的爬虫也根据语义化的结构进行搜索
- 便于团队开发和维护
5、做好SEO需要考虑什么
SEO就是搜索引擎的优化
1、了解搜索引擎如何抓取网页和如何索引网页
你需要知道一些搜索引擎的基本工作原理，各个搜索引擎之间的区别
2、Meta标签优化
主要包括主题（Title)，网站描述(Description)，和关键词（Keywords）。还有一些其它的隐藏文字比如Author（作者），Category（目录），Language（编码语种）等。
3、如何选取关键词并在网页中放置关键词
搜索就得用关键词。关键词分析和选择是SEO最重要的工作之一。首先要给网站确定主关键词（一般在5个上下），然后针对这些关键词进行优化，包括关键词密度（Density），相关度（Relavancy），突出性（Prominency）等等。
4、了解主要的搜索引擎
虽然搜索引擎有很多，但是对网站流量起决定作用的就那么几个。比如英文的主要有Google，Yahoo，Bing等；中文的有百度，搜狗，有道等。 不同的搜索引擎对页面的抓取和索引、排序的规则都不一样。还要了解各搜索门户和搜索引擎之间的关系，比如AOL网页搜索用的是Google的搜索技 术，MSN用的是Bing的技术。
5、主要的互联网目录
6、你得学会用最少的广告投入获得最多的点击。
7、搜索引擎提交
8、链接交换和链接广泛度（Link Popularity）
跟获取你的访问量有很大的关系
9、标签的合理使用
比如尽量少用iframe，搜索引擎不会抓取到iframe里的内容，重要内容不要放在框架中。
不可使用display:none;的方法让文字隐藏，因为搜索引擎会过滤掉display:none;里边的内容，就不会被蜘蛛检索了。可以设置text-indent为负数，偏离浏览器之外，然后再利用overflow:hidden属性进行隐藏
6、我们知道可以以外链的方式引入CSS文件，请谈谈外链引入CSS有哪些方式，这些方式的性能有区别吗
a.行内样式
缺点：通用性差，效果特殊，优点：使用在ＣＳＳ命令较少，并且不常改动的地方，使用这种方法反而是很好的选择。
b.内嵌样式：css写在head标签里面
优点：直接在ＨＴＭＬ文档中，运用这样式比较快。缺点：代码臃肿，不利于维护
c.链接样式：引入外部的css文件
比较易于维护和美观的一种方式
d.导入样式
优点：一次性导入多个css文件。用于css文件数量庞大的系统中
7、CSS Sprite是什么，谈谈这个技术的优缺点
CSS Sprite其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行定位
CSS Sprites能减少图片的字节，加快网页的加载速度。缺点是开发和维护都是比较麻烦的。
8、以CSS3标准定义一个webkit内核浏览器识别的圆角（尺寸随意）
border:30px;-webkit-border-radius:40px;
9、有这么一段HTML，请挑毛病
<P> 哥写的不是HTML，是寂寞。<br><br> 我说：<br>不要迷恋哥，哥只是一个传说
缺少p标记的结束标记。
10、如何触发这Doctype的标准模式和混杂模式？区分它们有何意义?
在标准模式中，浏览器根据规范呈现页面。在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。
触发混乱模式：
IE6的触发：
DOCTYPE前加入XML声明<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
IE7的触发：
在XML声明和DOCTYPE之间加入HTML注释<?xml version="1.0" encoding="utf-8"?><!– … and keep IE7 in quirks mode –><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
IE6和IE7都可以触发：
在HTML4.01的DOCTYPE文档头部加入HTML注释<!– quirks mode –><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
各个浏览器的混杂模式，基本就是各个浏览器的私有模式，不相互兼容。所以，除非是为了兼容的问题，才采用混杂模式
11、行内元素有哪些？块级元素有哪些？CSS的盒模型？
行内元素有：a b span I img input select strong(input用于定义表单中的各个具体的表单元素)
块级元素有：div ul ol li dl dt dd
盒模型：margin border padding content
12、前端页面有哪三层构成，分别是什么？作用是什么？
网页分成三个层次，即：结构层、表示层、行为层。
网页的结构层：由HTML 或XHTML 之类的标记语言负责创建，即HTML的语义化。，说白了就是一些标签
网页的表示层：说白了就是CSS
网页的行为层：说白了就是Javascript 语言和DOM 主宰的领域。
13、有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！
IE9以上开始支持
HTML5标签的改变：<header>,<footer>, <dialog>, <aside>, <figure>, <section> 等
CSS3实现圆角，阴影（text-showdow）对文字加特效(text-overflow,word-wrap,font-size-adjust)，增加了更多的CSS选择器(全局选择器，组合选择器，继承选择器，伪类选择器等)
14、怎样添加、移除、移动、复制、创建和查找节点
（1）创建新节点
createDocumentFragment() //创建一个DOM片段
createElement_x() //创建一个具体的元素
createTextNode() //创建一个文本节点
（2）添加、移除、替换、插入
appendChild()
removeChild()
replaceChild()
insertBefore()
（3）查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id，唯一性
15、面向对象编程:b怎么继承a
function A{
this.name=name?name:‘小刚‘;
this.age=age?age:30;
this.say=function{
alert(this.name+"今年"+this.age+"岁了")；
}
}
function B{}
B.prototype=new A();
Var C= new B();
C.say();
16、请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象
function parseQueryString(url) {
var pos;
var obj = {};
if (pos = url.indexOf("?") != -1) {
var urlstring = url.substring(pos + 1, url.lenght – 1);
var urlArr = urlstring.split("&");
var keyValue = [];
for (var i = 0; i < urlArr.lenght; i++) {
keyValue = urlArr[i].split("=");
obj[keyValue[0]] = keyValue[1];
}
}
return obj;
}
var objUrl = parseQueryString(url);
17、在工作中，对浏览器的兼容性怎么看待的
在工作中会经常遇到一些浏览器的兼容性问题，考虑的主要有2块方面的兼容性问题，一个是css样式的兼容性，另一个是js的兼容性问题。
（1）.对于css样式来说，比如IE与火狐两大浏览器，它们对自身的浏览器都有默认的padding，margin等值，我们只需要在写样式的时候先清除它们默认样式的值，引入一个reset.css样式有能很大程度上解决一些常见问题，除此之外当然还有其它的样式问题，比如IE6的双边距问题，解决办法对IE6写样式display:inline；就能解决问题，还比如当子元素浮动未知高度时，使父容器自适应子元素的高度bug，解决办法就是在父容器样式里面加上overflow：auto就能解决（这个问题IE6中能适应子元素的高度，但是IE8跟火狐等其它浏览器不行，需要加上刚才的代码才能实现自适应），还比如当一个浮动元素跟一个非浮动元素相邻时就会出现3像素的bug，解决办法其实很简单给非浮动元素加上浮动就可以解决。
（2）.对于js代码来说，也有一些常见的浏览器兼容性问题，就拿浏览器事件处理来说，IE事件处理程序需要2个方法来实现，attachEvent()和detachEvent()两个方法来实现，它们里边的参数只有2个，比如attachEvent()方法的两个参数：事件处理程序名字与事件处理程序函数。其它浏览器用到的是addEventListener()和removeEventListener()两个方法，但是它们的参数有3个，拿addEventListener()方法举例，第一个参数，要处理的事件名，比如onclick，但是不需要加上on，参数里面只需要click，第二个参事件处理程序的函数，最后一个参数是布尔值。布尔值如果是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。