前端面试题集锦二

关于HTML相关问题:

  1. 浏览器标准模式(standards mode)、几乎标准模式(almost standards mode)和怪异模式(quicks mode)之间区别是什么?

    标准模式是指浏览器按W3C标准解析执行代码。怪异模式是指使用浏览器自己的方式解析,几乎标准模式的浏览器特性都是符合标准的,不标准的地方主要体现在处理图片间隙的时候。
    Standards (标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页,而 Quirks(包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页

  2. HTML5 为什么只需要写 ?

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

  3. HTML与XHTML有什么区别?

    最主要的不同:1.xhtml元素必须被正确的嵌套。2.XHTML元素必须被关闭。3.标签名必须用小写字母。 4.XHTML文档必须拥有根元素。

  4. 页面使用‘application/xhtml+xml’会有什么问题?

    content类型分为text/html和application/xhtml+xml 两种,前面一种表示HTML文档的类型,后一种是xhtml系列文档的类型。若使用‘application/xhtml+xml’要求比较严格,一些老的浏览器会不支持。

  5. 使用data-属性的好处?

    data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。存储的(自定义)数据能够被页面的 JavaScript 中利用。可通过getAttribute()传递名称来获取,或者使用dataset属性集来获取。

  6. 请描述cookies、sessionStorage和localStorage的区别?

    首先从兼容性出发:cookies兼容所有的浏览器,localStorage和sessionStorage为HTML5标签
    存储:cookie始终在同源的http请求中携带,在浏览器和服务器中来回传送。而sessionStorage和localStorage仅在本地保存;
    大小方面的限制:cookie数据最多不能超过4k,主要用于会话标识,而另两种,也有存储限制,但是一般不大于5M
    数据有效期:cookie可以通过设置expires选择有效期,而sessionStorage对象特定于某个会话的数据,数据维持到浏览器关闭。而localStorage存储持久数据,浏览器关闭后数据不丢失除非主动删除。
    作用域:sessionStorage不在不同的浏览器共享,即使是同一个页面,但是localStorage在所有同源串口均是共享的,cookie也是在所有同源窗口共享。

  7. 解释

你可能感兴趣的:(前端面试笔试)