(2).瀏覽器地址欄運行HTML代碼

data:text/html,

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 的文章

關鍵字: 地址欄 瀏覽器 JavaScript