前端html+css面试题个人总结

时间：2019-07-24 20:08:36 收藏：0 阅读：104

XHTML：可扩展超文本标记语言，XHTML元素必须被正确地嵌套，XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档中元素必须被嵌套于根元素中。
HTML：超文本标记语言，在HTML中允许一些不规范的写法，HTML对于各大浏览器兼容性较差，现在web前端开发的静态网页，一般都是html4.0，HTML5就另当别论了。

标签语义化<header></header>、<footer></footer>等等
增加多个表单输入类型、表单元素、表单属性
Canvas绘图，Canvas 通过 JavaScript 来绘制 2D 图形。
SVG绘图，SVG是指可伸缩的矢量图形，SVG 是一种使用 XML 描述 2D 图形的语言。
地理定位，Geolocation 用于定位用户的位置
拖放API，任何元素都能够拖放 drag
Web Worker，web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能
Web Storage，本地存储用户的浏览数据
WebSocket，一种在单个 TCP 连接上进行全双工通讯的协议，浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据，当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。

Cookie一词用在程序设计中是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存，或是从客户端的硬盘读取数据的一种技术。从本质上讲，它可以看作是你的身份证，硬盘中的Cookies属于文本文件，不是程序。
cookie 常用于识别用户。cookie 是一种服务器留在用户计算机上的小文件。每当同一台计算机通过浏览器请求页面时，这台计算机将会发送 cookie。通过 PHP，您能够创建并取回 cookie 的值。

特性	cookie	sessionStorage	localStorage
生命周期	可设置失效时间，没有设置的话，默认是关闭浏览器后失效	除非被手动清除，否则将会永久保存	仅在当前网页会话下有效，关闭页面或浏览器后就会被清除
存放数据大小	不能超过4KB左右	可以保存5MB的信息甚至更大	可以保存5MB的信息甚至更大
http请求	每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题	仅在客户端（即浏览器）中保存，不参与和服务器的通信	仅在客户端（即浏览器）中保存，不参与和服务器的通信

严格模式：又称标准模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法。
混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。
如何触发：触发标准模式或者说严格模式很简单，就是Html前申明正确的DTD，出发混杂模式可以在html文档开始不声明DTD，或者在DOCTYPE前加入XML声明。
如何区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直接相关。
1、如果文档包含严格的 DOCTYPE ，那么它一般以严格模式呈现。（严格 DTD ——严格模式）
2、包含过渡 DTD 和 URI 的 DOCTYPE ，也以严格模式呈现，但有过渡 DTD 而没有 URI （统一资源标识符，就是声明最后的地址）会导致页面以混杂模式呈现。（有 URI 的过渡 DTD ——严格模式；没有 URI 的过渡 DTD ——混杂模式）
3、DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现。（DTD不存在或者格式不正确——混杂模式）
4、HTML5 没有 DTD ，因此也就没有严格模式与混杂模式的区别，HTML5 有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容。（ HTML5 没有严格和混杂之分）

Trident内核：IE
Gecko内核：NETSCAPE6及以上版本，火狐
Presto内核：Opera7及以上。[Opera内核原为：Presto，现为：Blink;]
Webkit内核：Safari，Chrome等。[Chrome的：Blink（WebKit的分支）]
浏览器内核又可以分成两部分：渲染引擎和JS引擎。渲染引擎主要负责取得网页的内容、整理讯息、计算网页的显示方式等，JS引擎则是解析Javascript语言，执行javascript语言来实现网页的动态效果。

原文：https://www.cnblogs.com/wangchangli/p/11240096.html