jQuery侧边栏菜单 侧边栏html_数据存储


看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。

HTML5新特性，语义化

<section></section>	定义文档中的主体部分的节、段。
<article></article>	定义引入的外部文本
<aside></aside>	        常用作侧边栏
<header></header>	页面头部
<footer></footer>	页面尾部
<nav></nav>	        导航栏
<datalist>	        可输入的下拉选择框


这是个人觉得使用的新增属性

浏览器的标准模式和怪异模式

浏览器解析css有两种模式：标准模式和怪异模式。标准模式下浏览器按W3C标准解析执行代码；怪异模式下，为了解决兼容老页面，浏览器按照各自的模式去解析文档

这就又涉及到另一歌问题：DOCTYPE 有什么用？

DOCTYPE 是“document type”的缩写。它是 HTML 中用来区分标准模式和怪异模式的声明，用来告知浏览器使用标准模式渲染页面。

从中获得的启发：在页面开始处添加<!DOCTYPE html>即可。

xhtml和html的区别

xhtml 实际上是符合 XML 标准的改进型 HTML，对语法的苛刻程序和其它基于 XML 的一样；

什么是data-属性？

在 JavaScript 框架变得流行之前，前端开发者经常使用data-属性，把额外数据存储在 DOM 自身中。当时没有其他 Hack 手段（比如使用非标准属性或 DOM 上额外属性）。这样做是为了将自定义数据存储到页面或应用中，对此没有其他更适当的属性或元素。

而现在，不鼓励使用data-属性。原因之一是，用户可以通过在浏览器中利用检查元素，轻松地修改属性值，借此修改数据。数据模型最好存储在 JavaScript 本身中，并利用框架提供的数据绑定，使之与 DOM 保持更新。

meta标签

meta标签的作用：它里面存放的数据是供机器解读的，告诉机器该如何解析这个页面。它不会显示在页面上，但是对于机器是可读的。

尚学堂。。。