前端面试笔记 - html

时间 2019-12-06

原文原文链接

doctype(文档类型) 的做用是什么？

doctype声明指出阅读程序应该用什么规则集来解释文档中的标记html

浏览器标准模式 (standards mode) 、几乎标准模式（almost standards mode）和怪异模式 (quirks mode) 之间的区别是什么？

在怪异模式下，排版会模拟 Navigator 4 与 Internet Explorer 5 的非标准行为。为了支持在网络标准被普遍采用前，就已经建好的网站，这么作是必要的。在标准模式下，行为即（希望如此）由 HTML 与 CSS 的规范描述的行为。在接近标准模式下，只有少数的怪异行为被实现。浏览器

HTML 和 XHTML 有什么区别？

xhtml拥有更加严格的标签检查cookie

XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。网络

若是页面使用 'application/xhtml+xml' 会有什么问题吗？

会使旧的IE版本出错，IE8如下不支持XMLsession

若是网页内容须要支持多语言，你会怎么作？

<html lang="en">
<div lang="es">Yo no hablo español</div>
<div lang="fr">Je ne parle pas français</div>app

在设计和开发多语言网站时，有哪些问题你必需要考虑？

不一样地区要作本地化处理而不是简单的翻译
给用户一个选择语言的地方dom

使用 data- 属性的好处是什么？

保存数据，易于追踪异步

若是把 HTML5 看做作一个开放平台，那它的构建模块有哪些？

请描述 cookies、sessionStorage 和 localStorage 的区别。

Cookie:
最大4093比特，能够设置获取时间，每次请求都发送async

sessionStorage：
最大5-10M，保存在浏览器中，每一个tab一个，不会在请求里发送网站

localStorage:
最大5-10M，保存在浏览器中，不会在请求里发送，持久保存

请解释 <script>、<script async> 和 <script defer> 的区别

<script>会阻塞网页，直到js所有加载
<script async>异步加载，不会阻塞，不安顺序
<script defer>会在网页解析完后和onload以前加载,按照顺序加载
async和defer保证文档的后续解析和脚本下载同时进行，而且都是异步的，async会在脚本下载完成后当即执行，defer会在全部文档解析完成以后，在domcontentloaded以前执行

为何一般推荐将 CSS <link> 放置在 <head></head> 之间，而将 JS <script> 放置在 </body> 以前？你知道有哪些例外吗？

<link> 为了使用户看到有样式的网页
<script>防止页面被阻塞
script能够加入defer和async

什么是渐进式渲染 (progressive rendering)？

分片渲染

你用过哪些不一样的 HTML 模板语言？

pug