本文深入探讨了HTML中Doctype的作用、div+css布局相对于table布局的优势、img标签的alt与title属性的区别、强调标签的使用、渐进增强与优雅降级的概念、split与join方法的用法以及处理IE与标准兼容性的技巧。
1.每个HTML文件里都有个很重要的东西，Doctype，知道这是干什么的吗？
<!Doctype> 声明于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种HTML 或XHTML规范（重点：告诉浏览器按照何种规范解析页面）
2.div+css的布局较table布局有什么有点？
（1）改版的时候更方便、结构化清晰、页面显示简洁、表现与结构分离。
（2）易于优化（seo）搜索引擎更友好，排名更容易靠前
3.img的alt 和title 有何异同？
alt：不能显示图像 窗体 或Applets的用户代理（UA），用于指定替换文字。替换文字的语言有lang属性指定（在IE浏览器下会在title时把alt当成tool tip显示）
title（tool tip ） 该属性为设置该属性的元素提供建议性的信息。
strong 粗体强调标签 表示内容的重要性
em 斜体强调标签 更强烈强调 表示内容的强调性
4、渐进增强 与 优雅降级
渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级：一开始就构建完整的功能，然后在针对低版本浏览器进行兼容。
区别：
优雅降级是复杂到现状开始，并减少用户体验的供给
渐进增强是基础到不断扩充，以适应未来环境的需要。
5.split（）和 join（）的区别
split（）：切割成数组的形式
join（）：数组转换成字符串
6、数组方法 pop() push() unshift() shift()分别是？
pop（）：尾部删除
push（）：尾部添加
unshift（）：头部添加
shift（）：头部删除
记忆法：p 一增一减
6、IE 和标准下有哪些兼容性的写法？
var e = e || window.event // 捕捉事件 在做事件处理时，用于区分IE和其他浏览器事件对象
document.documentElement.clientWidth || document.body.clientWidth //可视区域
var target =ev.srcElement || ev.target //// 获得事件源 srcElement和target返回事件的目标节点（触发该事件的节点），即引发该事件的节点
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
