HTML常见面试题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML常见面试题相关的知识，希望对你有一定的参考价值。
*doctype`(文档类型) 的作用是什么？
1.告诉浏览器是用什么样的html或者xhtml规范来解析html文档。
2.对浏览器的渲染模式产生影响；不同的渲染模式会影响到浏览器对css代码甚至js的解析。
* 浏览器标准模式 (standards mode) 、几乎标准模式（almost standards mode）和怪异模式 (quirks mode) 之间的区别是什么？
由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。
* HTML 和 XHTML 有什么区别？
HTML与XHTML之间的差别，粗略可以分为两大类比较：一个是功能上的差别，另外是书写习惯的差别。关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及PDA，并且浏览器也能快速正确地编译网页。
- XHTML 元素必须被正确地嵌套。
- XHTML 元素必须被关闭。
- 标签名必须用小写字母。
- XHTML 文档必须拥有根元素。
* 如果页面使用 ‘application/xhtml+xml‘ 会有什么问题吗？
大多数浏览器可以正常使用，接收xhtml类型的文档。
* 如果网页内容需要支持多语言，你会怎么做？
* 在设计和开发多语言网站时，有哪些问题你必须要考虑？
1- 应用字符集的选择；所以对提供了多语言版本的网站来说，Unicode字符集应该是最理想的选择。它是一种双字节编码机制的字符集，不管是东方文字还是西方文字，在Unicode中一律用两个字节来表示，因而至少可以定义65536个不同的字符，几乎可以涵盖世界上目前所有通用的语言的每一种字符。 所以在设计和开发多语言网站时，一定要注意先把非中文页面的字符集定义为“utf-8”格式。
2- 语言书写习惯&导航结构 。
3- 数据库驱动型网站
对一个数据库驱动型的网站，尤其是当客户可以留言并向数据库添加信息时，则应当考虑如何从技术上实现对不同语言数据信息的收集和检索。
4- 搜索引擎&市场推广。
* 使用 `data-` 属性的好处是什么？
方便js直接调用自定义属性。
* 如果把 HTML5 看作做一个开放平台，那它的构建模块有哪些？
* 请描述 `cookies`、`sessionStorage` 和 `localStorage` 的区别。
* 请解释 `<script>`、`<script async>` 和 `<script defer>` 的区别。
可以在<script>中加入defer属性，告诉浏览器这段script不必立即执行，那么浏览器就会在完全载入文档之后再执行这个script，相当于window.onload，但它比window.onload更灵活。
使用async属性加载javascript，这样整个脚本就可以异步加载和执行。
<script>标签的defer属性——告诉浏览器该脚本不会在页面加载完成之前操作DOM，脚本将会和其他资源文件并行下载；
<script>标签的async属性——HTML5新的异步、并行模式，脚本将在完成下载后等待合适的时机执行代码。
* 为什么通常推荐将 CSS `<link>` 放置在 `<head></head>` 之间，而将 JS `<script>` 放置在 `</body>` 之前？你知道有哪些例外吗？
css和JavaScript不一定写在head里比较好，我习惯于单独设立css和js文件，把代码写在里面，这样方便查找和管理，而你所说的head 和 body标签本身就属于是HTML语言。
而CSS和js的引用位置是放在头部还是尾部取决于一个加载顺序，在网页传输过程当中，浏览器会先加载html，当加载头部以后会同步加载头部中引用的文件，而css样式表在这里加载会规定网页的总体样式，js如果需要先加载后运行则写在头里，需要其他内容加载完之后在运行则可以写在尾部。
* 什么是渐进式渲染 (progressive rendering)？
* 你用过哪些不同的 HTML 模板语言
以上是关于HTML常见面试题的主要内容，如果未能解决你的问题，请参考以下文章