任务4 面试Q&A

2017-07-16 本文已影响0人饥人谷_LEO

HTML、XML、XHTML 有什么区别？

在Web页面中html代表结构，css代表样式，javascript代表行为，所以内内容与样式分离是指在编码过程中将html和css两大部分分离。
正确做法是写HTML的时候先不管样式，重点放在HTML的结构和语义化上，让HTML能提现页面结构或者内容,，然后进行 css 样式设置，减少 HTML 与 CSS 契合度（即内容与样式分离），写JS的时候，尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化（即行为分离）
分离的优点：浏览器加载网页页面速度变快。分离原则下，大部分页面代码写在了CSS当中，页面体积容量变得更小。
网页修改设计时，效率、省时。根据html标签内ID或class的标记，到CSS里找到相应的ID或class，可以快速替换指定位置的样式，不会破坏页面架构和其他部分的样式。

<meta http-equiv="description" content="网页描述">
<meta http-equiv="keywords" content="关键字1,关键字2,...">

移动端合理显示：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
清除缓存：
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
双核浏览器:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
禁止缓存：
<meta http-equiv="pragma" content="no-cache">

DOCTYPE (Document Type Declaration 文档类型声明，缩写 DTD)，通常情况下，DOCTYPE 位于一个 HTML 文档的最前面的位置，位于根元素 HTML 的起始标签之前。
DOCTYPE 声明目的是要告诉浏览器的解析器当前文档的类型，以决定其需要采用的渲染模式。不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析。尤其是在 IE 系列浏览器中，由DOCTYPE 所决定的 HTML 页面的渲染模式至关重要。
严格模式：页面排版及 JS 解析是以该浏览器支持的最高标准来执行。
混杂模式：页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。
HTML 5 不基于 SGML (标准通用语言)，因此不需要对 DTD (文档类型声明) 进行引用，但需要 DOCTYPE 来规范浏览器的行为，让浏览器按照 W3C 的标准来解析渲染页面。
而 HTML 4.01 基于SGML，所以需要对 DTD 进行引用，才能告知浏览器的解析器当前文档的类型。

浏览器出现乱码的原因是文档保存的编码格式和浏览器解析时的解码格式不匹配，一般是英文以外的字符才会出现乱码。若文档中未用 <charset> 指明编码方式，将使用编辑器默认的编码方式进行保存，例如vscode编辑器，默认的编码方式是utf-8 。
解决之法：在 HTML 页面的<head>里添加<meta charset="">来声明编码格式。如无权限修改 HTML 文件，则可以尝试手动设置浏览器的编码格式。