前端口试笔记 - html

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
    原文地址: https://segmentfault.com/a/1190000017956760
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞