BAT及各大互联网公司2016前端笔试面试题(Html)

Web浏览器的作用就在于读取Web网点上的HTML文档,再根据此类文档中的描述组织并显示相应的Web页面。()

此题为判断题(对,错)。


正确答案:正确


在框架集文件以及要在框架中显示的文档保存之前即可使用浏览器对该框架集进行预览。()

此题为判断题(对,错)。


正确答案:错误


HTML文档中<;TITLE>;与<;/TITLE>;之间的文本将出现在浏览器的什么地方:()。

A.浏览器标题栏中

B.Web页面的最上方

C.正文开始处

D.不出现


本题答案:A


在html文档中,有如下代码:

在浏览器中显示为( )。


正确答案:A


浏览器针对于HTML文档起到了什么作用?()

A.浏览器用于创建HTML文档

B.浏览器用于查看HTML文档

C.浏览器用于修改HTML文档

D.浏览器用于删除HTML文档


参考答案:B


1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核 Firefox:gecko内核 Safari:webkit内核 Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核 Chrome:Blink(基于webkit,Google与Opera Software共同开发)2.每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?答案: 声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。(重点:告诉浏览器按照何种规范解析页面)3.Quirks模式是什么?它和Standards模式有什么区别答案:从IE6开始,引入了Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。在IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差, IE6将对CSS提供更好的支持,然而这时的问题就来了,因为有很多页面是基于旧的布局方式写的,而如果IE6 支持CSS则将令这些页面显示不正常,如何在即保证不破坏现有页面,又提供新的渲染机制呢?在写程序时我们也会经常遇到这样的问题,如何保证原来的接口不变,又提供更强大的功能,尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支,即当某个参数为真时,我们就使用新功能,而如果这个参数 不为真时,就使用旧功能,这样就能不破坏原有的程序,又提供新功能。IE6也是类似这样做的,它将DTD当成了这个“参数”,因为以前的页面大家都不会去写DTD,所以IE6就假定 如果写了DTD,就意味着这个页面将采用对CSS支持更好的布局,而如果没有,则采用兼容之前的布局方式。这就是Quirks模式(怪癖模式,诡异模式,怪异模式)。区别:总体会有布局、样式解析和脚本执行三个方面的区别。盒模型:在W3C标准中,如果设置一个元素的宽度和高度,指的是元素内容的宽度和高度,而在Quirks 模式下,IE的宽度和高度还包含了padding和border。设置行内元素的高宽:在Standards模式下,给等行内元素设置wdith和height都不会生效,而在quirks模式下,则会生效。设置百分比的高度:在standards模式下,一个元素的高度是由其包含的内容来决定的,如果父元素没有设置百分比的高度,子元素设置一个百分比的高度是无效的用margin:0 auto设置水平居中:使用margin:0 auto在standards模式下可以使元素水平居中,但在quirks模式下却会失效。(还有很多,答出什么不重要,关键是看他答出的这些是不是自己经验遇到的,还是说都是看文章看的,甚至完全不知道。)4.div+css的布局较table布局有什么优点?改版的时候更方便 只要改css文件。页面加载速度更快、结构化清晰、页面显示简洁。表现与结构相分离。易于优化(seo)搜索引擎更友好,排名更容易靠前。5.a:img的alt与title有何异同?b:strong与em的异同?答案:a:alt(alt text):为不能显示图像、窗体或applets的用户代理(UA),alt属性用来指定替换文字。替换文字的语言由lang属性指定。(在IE浏览器下会在没有title时把alt当成 tool tip显示)title(tool tip):该属性为设置该属性的元素提供建议性的信息。b:strong:粗体强调标签,强调,表示内容的重要性em:斜体强调标签,更强烈强调,表示内容的强调点6.你能描述一下渐进增强和优雅降级之间的不同吗?渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。“优雅降级”观点“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。在这种设计范例下,旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 的浏览体验。你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点,因此除了修复较大的错误之外,其它的差异将被直接忽略。“渐进增强”观点“渐进增强”观点则认为应关注于内容本身。内容是我们建立网站的诱因。有的网站展示它,有的则收集它,有的寻求,有的操作,还有的网站甚至会包含以上的种种,但相同点是它们全都涉及到内容。这使得“渐进增强”成为一种更为合理的设计范例。这也是它立即被 Yahoo! 所采纳并用以构建其“分级式浏览器支持 (Graded Browser Support)”策略的原因所在。那么问题了。现在产品经理看到IE6,7,8网页效果相对高版本现代浏览器少了很多圆角,阴影(CSS3),要求兼容(使用图片背景,放弃CSS3),你会如何说服他?(自由发挥)7.为什么利用多个域名来存储网站资源会更有效?CDN缓存更方便突破浏览器并发限制节约cookie带宽节约主域名的连接数,优化页面响应速度防止不必要的安全问题8.请谈一下你对网页标准和标准制定机构重要性的理解。(无标准答案)网页标准和标准制定机构都是为了能让web发展的更健康,开发者遵循统一的标准,降低开发难度,开发成本,SEO也会更好做,也不会因为滥用代码导致各种BUG、安全问题,最终提高网站易用性。9.请描述一下cookies,sessionStorage和localStorage的区别?sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删、除数据,否则数据是永远不会过期的。web storage和cookie的区别Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。除此之外,Web Storage拥有setItem,getItem,removeItem,clear等方法,不像cookie需要前端开发者自己封装setCookie,getCookie。但是Cookie也是不可以或缺的:Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生。10.简述一下src与href的区别。答案:src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。/s

在CorelDRAW中如何验证Web文档中的链接()

A.用链接管理器

B.将预览模式转为浏览器模式

C.鼠标右击,然后单击转到浏览器中的超链接。

D.用WEB管理器


参考答案:A, C


试说明在浏览器中显示XML文档的主要技术有哪些?


正确答案: 1.使用CSS样式表显示。
2.使用XSL样式表显示。
3.使用数据绑定在HTML文档中显示。


下面有关html Doctype的描述,说法错误的是()

  • A、它的责任就是告诉浏览器文档使用哪种html或者xhtml规范
  • B、不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析
  • C、不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。
  • D、如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启严格模式

正确答案:D


HTML标记码描述了文档的结构。它向浏览器提供该文档的()信息,以传送文档的外观特征。


正确答案:格式


在D5000系统中,图形编辑器下绘制的一个图元在图形浏览器中没有显示,可能的原因有()

  • A、该对象的所属应用不包括当前浏览器指定的应用
  • B、该对象的所属态不包括当前浏览器指定的态
  • C、该对象的显示模式不包括当前浏览器指定的显示模式
  • D、该对象所设置的层的范围不在浏览器当前显示的层上

正确答案:A,C,D

更多 “BAT及各大互联网公司2016前端笔试面试题(Html)” 相关考题
考题 以下哪些方法可以指定主浏览器()A、选择“文件”→“在浏览器中预览”→“编辑浏览器列表”B、在“文档”工具栏上单击“在浏览器中预览”(地球图标),然后选择“编辑浏览器列表”C、选择“编辑”→“首选参数”,然后从左侧的“分类”列表中选择“在浏览器中预览”D、按快捷键Alt+F+P正确答案:A,B,C

考题 单选题在HTML页面中,下面关于Window对象的说法不正确的是()。A Window对象表示浏览器的窗口,可用于检索有关窗口状态的信息B Window对象是浏览器所有内容的主容器C 如果文档定义了多个框架,浏览器只为原始文档创建一个Window对象,无须为每个框架创建Window对象D 浏览器打开HTML文档时,通常会创建一个Window对象正确答案:C解析:暂无解析

考题 判断题在符合XTHML1.0 Strict规范的HTML文档中,允许使用标签。()A 对B 错正确答案:错解析:暂无解析

考题 在FrontPage2003网页视图模式下,单击HTML标签后,在出现的HTML窗口中,可直接进行()。A、网页编排B、下载图片C、编辑HTML代码D、观察网页在浏览器中的效果正确答案:C

考题 Web浏览器的作用是负责下载并显示网页,能将Web文档的HTML编码解释,并显示为在浏览器上所见的Web页面。正确答案:正确

考题 多选题以下哪些方法可以指定主浏览器()A选择“文件”→“在浏览器中预览”→“编辑浏览器列表”B在“文档”工具栏上单击“在浏览器中预览”(地球图标),然后选择“编辑浏览器列表”C选择“编辑”→“首选参数”,然后从左侧的“分类”列表中选择“在浏览器中预览”D按快捷键Alt+F+P正确答案:C,D解析:暂无解析

考题 在HTML页面中,下面关于Window对象的说法不正确的是()。A、Window对象表示浏览器的窗口,可用于检索有关窗口状态的信息B、Window对象是浏览器所有内容的主容器C、如果文档定义了多个框架,浏览器只为原始文档创建一个Window对象,无须为每个框架创建Window对象D、浏览器打开HTML文档时,通常会创建一个Window对象正确答案:C

考题 在CorelDRAW中如何验证Web文档中的链接()A、用链接管理器B、将预览模式转为浏览器模式C、鼠标右击,然后单击转到浏览器中的超链接。D、用WEB管理器正确答案:A,C

考题 <!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前。告知浏览器文档使用哪种HTML或XHTML规范正确答案:正确

考题 下面有关HTML的Doctype和严格模式与混杂模式的描述,错误的是()A、声明位于文档中的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档B、在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示C、DOCTYPE不存在或格式不正确会导致文档以标准模式呈现D、浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法正确答案:C