HTML5 常见面试题一览

HTML 基础

（1）语义标签

按语义划分常用标签：

Headings: h1, h2, h3, h4, h5, h6

Paragraphs: p

TextFomatting: em, strong, sub, del, ins, small

List: ul, li, ol, dl, dd

Tables: table, thead, tbody, th, tr, td

Forms And Input: form, input, select, textarea

Others: div, span, a, img

HTML5: header, footer, article, aside, section 

标签的语义化是为了 表达语义 而 标记文档，而不是为了样式。结构良好的 文档 能向用户 传达可视化的 语义， 也有助于 搜索引擎 引索你的 网站

不要使用 table 布局，table是用来 表格显示的

不要滥用div， div是分块用的

不要使用样式标签，如font，center， big， small， b， i，样式可以用CSS控制， b 和 i 可以用 strong 和 em 代替

不要使用换行标签 <br />和空格 来控制样式， 请用 CSS

尽量不要使用内联 CSS

（2）块级元素 & 行内元素

Block Level: h, p, div, table, ul, li

Inline Level: input, span, a, img, 

（3）XHTML

XHTML 是 2000 年成立的 W3C 标准，语法规则比较严格。

CSS 基础

（1）优先级

通配符< 标签 < class < id < style < important

（2）继承

通常 只有 CSS font 具有继承性

（3）BFC（Block  Fomatting Context）

创建 BFC 的元素

浮动元素 ( float: left | right )

绝对定位元素 ( position: absolute | fixed )

行内块元素 （display: inline-block ）

表格的单元格 ( display: table-cells, td,  th )

overflow 不为 visible 的 元素

BFC 的主要用处是清除浮动，以及创建多栏布局。每一个 BFC 里面的 布局都是相互 独立的。

BFC 的几个关键点：

创建了BFC的元素中，子浮动元素也会参加 高度计算， 不会发生高度塌陷， 实现了清除浮动的功能。

与浮动元素相邻的 普通流块容器， 会被 浮动元素所覆盖，利用该特性能实现多栏布局 

创建了 BFC 的元素不会和它的子元素 发生外边距 折叠

BFC 元素 宽度大于 容器剩余宽度时，会导致各个 浏览器中显示的位置有差异

Margin 合并： 垂直方向的 相邻 元素的 margin-bottom 和 margin-top 会合并，取其最大值。 普通流块容器 会与 第一个子元素 发生 margin-top 合并。

IE8 hasLayout

（4）Less 

CSS 预处理器，你可以在 Less 中使用 变量，简单的程序逻辑， 函数等。

Javascript 基础

（1）继承

原型链继承， class.js

（2）闭包

闭包即为 函数的嵌套， 利用 函数 创造 新的 作用域， 内部函数 可以访问 外部函数 的变量

（3）内存泄漏

深层闭包容易导致内存泄露， 变量的循环引用 容易导致内存泄露

（4）函数声明 & 函数表达式

Web 性能优化

（1） CSS Sprite

  ( 2 )  JS Compiler

  ( 3 )  HttpRequest Cahce

浏览器事件

（1）事件捕获 &  事件冒泡

 （2）事件委托

浏览器兼容

屏幕适配

（1）viewport

（2）@media

跨域请求

（1）Jsonp ( json width padding )

  ( 2 ) domain & iframe

模块管理

（1）CommonJs & AMD

（2）requireJS

UI 框架

（1）jquery-ui

（2）bootsrap

MVC 框架

（1）backbone

浏览器原理

（1 ）渲染引擎

（2）Js 解析器

 

NodeJs

（1）express

 ( 2 )   ejs

 ( 3 )   mongo

 ( 4 )   node-webkit