doctype(文档类型) 的作用是什么?

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

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

在怪异模式下,排版会模拟 Navigator 4 与 Internet Explorer 5 的非标准行为。为了支持在网络标准被广泛采用前,就已经建好的网站,这么做是必要的。在标准模式下,行为即(但愿如此)由 HTML 与 CSS 的规范描述的行为。在接近标准模式下,只有少数的怪异行为被实现。

HTML 和 XHTML 有什么区别?

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

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

如果页面使用 'application/xhtml+xml' 会有什么问题吗?

会使旧的IE版本出错,IE8以下不支持XML

如果网页内容需要支持多语言,你会怎么做?

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

在设计和开发多语言网站时,有哪些问题你必须要考虑?

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

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

保存数据,易于追踪

如果把 HTML5 看作做一个开放平台,那它的构建模块有哪些?

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

Cookie:
最大4093比特,可以设置获取时间,每次请求都发送

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


cppprimer
180 声望5 粉丝