面试题(2)

本文深入探讨了HTML中Doctype的作用、div+css布局相对于table布局的优势、img标签的alt与title属性的区别、强调标签的使用、渐进增强与优雅降级的概念、split与join方法的用法以及处理IE与标准兼容性的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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返回事件的目标节点(触发该事件的节点),即引发该事件的节点

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值