前台开发面试饼干

作者 : 开心源码 本文共1893个字,预计阅读时间需要5分钟 发布时间: 2022-05-11 共98人阅读

HTML

  • Doctype作使用?标准模式与兼容模式各有什么区别?

1、公告位于HTML文档中的第一行,处于标签之前,告知浏览器的解析器使用什么文档标准解析。DOCTYPE不存在或者格式不正确会导致文档以兼容模式呈现。2、标准模式的排版和JS运行模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

  • HTML5为什么只要要写?

HTML5不基于SGML(标准通使用标记语言),因而不需要对DTD(文档类型定义)进行引使用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)HTML4.01基于SGML,所以需要对DTD进行引使用,才可以告知浏览器文档所用的文档类型。

  • 行内元素有哪些?块级元素有哪些?空(void)元素有哪些?

首先:CSS规范规定,每个元素都有display属性,确定钙元素的类型,每个元素都有默认的display值,如div的display默认值为block,都是块级元素;span默认display属性值为inline,是行内元素。1、行内元素:a、b、span、img、input、select、strong(强调的语气)2、块级元素:div、ul、ol、li、dl、dt、dd、h1、h2、h3、h4、p3、常见的空元素:br、hr、img、input、link、meta 不常使用的空元素:area、base、col、command、embed、keygen、param、source、track、wbr

  • 页面导入样式时,用link和@import有什么区别?

1、link属于XHTML标签,除了加载CSS外,还可以使用于定义RSS,定义rel连接属性等作使用;而@import是CSS提供的,只可以使用于加载CSS。2、页面被加载时,link会同时被加载,而@import引使用的CSS会等到页面被加载完再加载。3、import是CSS2.1提出的,只在IE5以上才可以被识别,而link是XHTML标签,无兼容问题。4、link支持用JS控制DOM改变样式,而@import不支持。

  • 详情一下你对浏览器内核的了解?

主要分成两部分:渲染引擎(layout或者engine)和JS引擎。渲染引擎:负责获得网页的内容(HTML、XML、图像等)、整理信息(加入CSS等),以及计算网页的显示方式,而后输出到显示器或者打印机。浏览器的内核的不同对网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件用户端以及其余需要编辑、显示网络内容的应使用程序都需要内核。JS引擎:解析和执行JS来实现网页的动态效果。最开始渲染引擎和JS引擎并没有区分额很明确,后来JS引擎越来越独立,内核就倾向于只是指渲染引擎。

  • 常见的浏览器内核有哪些?

Trident内核:IE,MaxThon,TT,The World,360,搜狗浏览器等[MSHTML]Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等Presto内核:Opera7及以上[Opera内核原为:Presto,现为:Blink]Webkit内核:Safari,Chrome等[Chrome:Blink(Webkit的分支)]

  • HTML5有哪些新特性、移除了哪些元素?如何解决HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?

HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功可以的添加。绘画canvas使用于媒介回放的video和audio元素本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失sessionStorage的数据在浏览器关闭后自动删除语义化更好的内容元素,比方article、footer、header、nav、section表单控件:calendar、date、time、email、url、search新技术:webworker、websocket、Geolocation移除的元素:纯体现的元素:basefont、big、center、font、s、strike、tt、u对可使用性产生负面影响的元素:frame、frameset、noframes支持HTML5新标签:IE8/IE7/IE6支持通过document.createElement方法产生的标签,能利使用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要增加默认的样式。也能直接用成熟的框架,如html5shim:

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 前台开发面试饼干

发表回复