随手记——（细节）1

1. Xhtml 和 html 有什么区别

HTML是一种基本的WEB网页设计语言，xhtml 是一个基于XML的置标语言

主要不同是：

XHTML元素必须被正确的嵌套。

XHTML元素必须被关闭。

标签名必须用小写字母。

xhtml文档必须拥有根元素。

2.Doctype?严格模式与混杂模式-如何触发这两种模式，区分他们有何意义？

用于声明文档使用哪种规范（ html / Xhtml ）一般为严格过度基于框架的html文档

加入xmi声明可触发，解析方式更改为IE5.5的bug

3.行内元素有哪些？块级元素有哪些？css的盒模型？

块级元素：div p h1 h2 h3 h4 from ul

行内元素：a b br i span input select

css盒模型：内容，border ，marginm ，padding

4.css引入的方式有哪些？ link和@import的区别是？

内联 内嵌 外链 导入

区别：同时加载

前者无兼容，后者css2.1以下浏览器不支持

link支持使用javascript改变样式，后者不可

5. 前端页面有哪三层构成，分别是什么？作用是什么？

结构层 html 表现层 css 行为层

6.浏览器内核分别是什么？

ie(ie内核）火狐（Gecko）谷歌（webkit）opear ( presto )

7.IE6 bug的解决方法

双边距bug float引起的使用display

3像素问题 使用float引起的 使用display：inline -3px;

超链接hover点击后失效 使用正确的书写顺序 link visited hover active

ie z-index问题 给父级添加position:relative

png透明使用js代码改

Min-height 最小高度  !important 解决

select 在IE6下遮盖 使用iframe嵌套

为什么没有办法定义1px左右的宽度容器（ie6默认的行高造成的，使用over:hidden,zoom；0.08 line-height:1px）

8.标签上title于alt属性的区别是什么？

Alt 当图片不显示的时候 用文字代表

title 为该属性提供信息

9.浏览器标准模式和怪异模式之间的区别是什么？

盒子模型的渲染模式的不同

使用 window.top.document.compatMode 可显示为什么模式

10. 网站的文件和资源进行优化？期待解决方案包括：

文件合并

文件最小化、文件压缩

使用cdn托管

缓存作用

11.什么是语义化html？

直观的认识标签，对于搜索引擎的抓取有好处

12.清除浮动的几种方式，各自的有缺点

使用空标签清除浮动 clear：both (理论上清除任何标签，，， 增加无意义的标签)

使用overflow:auto（空标签元素清除浮动而不得不增加无意义代码的弊端，使用zoom:1用于兼容ie）

是用afert伪元素清除浮动（用于非ie浏览器）

13.ie和DOM事件流的区别

执行顺序不一样

参数不一样

事件加不加on

this指向问题

14.ie和标准下有哪些兼容性的写法

var ev = ev || window.event

document.documentElement.clientWidth || document.body.clientWidth

var target = ev.srcElement || ev.target

15.ajax请求时，如何解释json数据

使用evakparse鉴于安全性考虑 使用oarse更靠谱