前端面试笔记 – html

8次阅读

共计 1212 个字符,预计需要花费 4 分钟才能阅读完成。

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

正文完
 0