前端小知识点梳理

对web标准以及W3C的理解与认识

web标准，简单来说就是将页面的结构、表现和行为各自独立实现（结构、表现和行为相分离原则）。结构主要由html标签组成，通俗来讲，写入body里的各种标签都是为了页面的结构；表现指的是css样式表，通过css样式表，可以使写入body的结构标签更具有美感；行为指的是页面和用户具有一定的交互，同时页面结构和样式会发生变化，主要由js构成。

web标准一般将三部分独立分开，使它们更加模块化。但一般产生行为时，结构和表现会发生变化，这三者之间的界限就会变模糊。

W3C对web标准提出了规范化的要求，在实际编程中，包含一下几点：

一.对结构的要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO很有帮助）

1）标签字母要小写；

2）标签要闭合；

3）标签不允许随意嵌套。

二.对css和js的要求：

1）尽量使用外联css样式表和js脚本，使结构、表现和行为分成三块，符合规范，同时提高页面渲染速度，提高用户体验；

2）样式尽量少用行间样式表，使结构与表现分离，标签的id和class命名要做到见文知义，标签越少，加载越快，用户体验更高，代码维护更简单，便于改版；

3）不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性。

---

Javascript是一个什么语言，有什么特性？

总结：javascript是一种广泛应用于客户端开发的脚本语言；并且javascript也是一种基于对象和事件驱动并具有安全性能的脚本语言。

特性：简单性、安全性、动态性、跨平台性

简单性：要使用了编写 JavaScript 是非常简单的，您无需安装特定的开发环境，只需要一个简单的记事本即可编写 JavaScript 脚本。它具有基本的程序语法和语言结构以及弱数据类型，而这些都是很容易学习和使用的。

安全性：JavaScript 是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。

动态性：JavaScript 是动态的，它可以直接对用户的输入做出响应，无须经过 Web 服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，是指在网页中执行了某种操作所产生的动作，就称为“事件”(Event)：比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的 JavaScript 事件响应。

跨平台性：JavaScript 是由网页浏览器来执行，与操作系统环境无关，只要能运行浏览器的计算机，并支持 JavaScript 的浏览器就可正确执行。

JavaScript 是一种脚本语言，官方名称为 ECMAScript（因定义语言的标准为 ECMA-262）。         JS 的主要特点：1. 语法类似于常见的高级语言，如 C 和 Java；2.脚本语言，不需要编译就可以由解释器直接运行；3. 变量松散定义，属于弱类型语言；4.面向对象的。

JS 最初是为网页设计而开发的，现在也是 Web 开发的重要语言。它支持对浏览器（浏览器对象模型，BOM）和 HTML 文档（文档对象模型，DOM）进行操作，而使网页呈现动态的交互特性。

严格的说，JS 只是 ECMAScript 的一种实现，是 ECMAScript 和 BOM、DOM 组成的一种 Web 开发技术

---

HTML和XHTML的区别是什么？

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。

HTML和XHTML的区别简单来说，XHTML可以认为是XML版本的HTML，为符合XML要求，XHTML语法上要求更严谨些。同时在标准上要求高了点（比如标签的严格嵌套，标签结束等等！）

以下是XHTML相对HTML的几大区别：

XHTML要求正确嵌套

XHTML所有元素必须关闭

XHTML区分大小写

XHTML属性值要用双引号

XHTML用id属性代替name属性

XHTML特殊字符的处理

---

浏览器标准模式和怪异模式之间的区别是什么？

所谓的标准模式是指，浏览器按[W3C标准]解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略DTD声明,将使网页进入怪异模式(quirks mode)。

---

常用的浏览器有哪些？

chrome、ie、firefox、safari，像什么360安全浏览器、猎豹、搜狗和[百度]等都是用的ie的trident内核和webkit内核，腾讯的QQ浏览器不是双核浏览器它是trident内核的单核浏览器，核心多也不一定是好的，单核浏览器有自个的优势，做web开发所以使用ie、chrome、firefox，普通浏览器使用最多的是chrome和ie。

（1）Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。

（2）Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一，仅次于Trident。

（3）WebKit内核代表作品有Safari和Google的浏览器Chrome。

（4）Presto内核代表作品Opera，Presto是由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用。

---

弄懂css中单位px em区别，rem

1.px（pixel）即为像素。ps是显示器屏幕分辨率而言。

2.em是相对长度单位。相对于当前对象内文本的字体尺寸。大多数时候是相对于浏览器的默认字体尺寸。

3.em特点：em的值并不是固定的；em会继承父级元素的字体大小

4.任意浏览器的默认字体高度都是16px，所有未调整过的浏览器都符合：1em=16px

5.rem是CSS3新增的一个相对单位，所有浏览器均已支持rem，rem为元素设定字体大

小的时候，是一个相对大小的概念，相对的只是Html根元素/根节点