(2).浏览器地址栏运行HTML代码
data:text/html,
Hello, 1802!
浏览器页面输出hello 1802;(3).浏览器地址栏运行HTML代码
data:text/html, 浏览器页面变成可编辑页面
归根结底多亏了HTML5中新加的contenteditable属性，
元素的内容成为可编辑状态，可将浏览器页面变成记事本的功能.
3.你清楚这些区别吗?
(1).display:none与visibility:hidden的区别是什么？
display : 隐藏对应的元素但不挤占该元素原来的空间。
visibility: 隐藏对应的元素并且挤占该元素原来的空间。
display:none属性后，元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。
(2).CSS中link和@import的区别是
@import只有在ie5以上才可以被识别，而link是html标签，不存在浏览器兼容性问题
Link引入样式的权重大于@import的引用（@import是将引用的样式导入到当前的页面中）
4.HTML常见兼容性问题
1). 双边距BUG float引起的 使用display
2). 3像素问题 使用float引起的 使用dislpay:inline -3px
3). z-index问题 给父级添加position:relative
4). Min-height 最小高度 ！Important 解决
5). 为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）
6). IE5-8不支持opacity，解决办法：
.opacity {
opacity: 0.4
filter: alpha(opacity=60); /* for IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE 8*/
}
7). IE6不支持PNG透明背景，解决办法: IE6下使用gif图片
5.简要了解主流框架和框架鼻祖YUI
三大主流框架：vue 、React、AngularJS
框架鼻祖 YUI 也有自己的 JavaScript 类库，DOM 操作和效果处理也还比较方便，功能和控件也很齐全，但是相比 jQuery 和 Ext JS 显得比较中庸一些。随着 Yahoo!的没落，YUI 的呼声也逐渐被新起的框架淹没，想来也让人惋惜。
閱讀更多 千鋒H5 的文章
