查缺補漏

@import url() 在讀取完文件後再加載,link再加載頁面前把css加載完畢,所以import會出現一開始沒有css樣式,閃爍一下出現樣式後的頁面

當使用js控制dom改變樣式的時候,只能使用link標籤,因爲@import不是dom可以控制的

link還可以定義rss和rel連接屬性,@import只能加載css


html語義化是根據內容的結構化選擇合適的標籤,便於開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器更好的解析。爲了在沒有css的情況下頁面也能呈現很好的內容結構和代碼結構,便於爬蟲或其它設備解析,語義化更具有可讀性,減少差異化。


在不涉及樣式的情況下,頁面元素是從上往下解析的,所以頁面元素的優先顯示和結構擺放順序是有關係的


iframe的使用場景

  1. 典型系統結構,左側是功能樹,右側是一些常見的table或者表單,爲了每個功能單獨分離出來,採用iframe。

  2. 模擬ajax上傳文件

  3. 加載別的網站內容,例如google廣告,網站流量分析

  4. 上傳圖片時不用flash實現無刷新

  5. 跨域訪問可以用到iframe請求不同域名下的資源

(不過現在好像用到的地方不是太多,是否使用要看具體需求,我知道的imooc和w3school因爲需要分欄顯示代碼和結果所以使用的是iframe,看了一眼jsfiddle也是,推測這種提交代碼之後在相同頁面即時顯示結果的都是需要iframe的,第一個使用場景現在的一些技術比如ng的嵌套路由可以實現)


html的自閉合標籤有:imput、img、br、link、hr等


常見的塊級元素(自動換行、可設置高寬)

div,h1-h6,p,pre,ul,ol,li,form,table等

常見的行內元素(無法自動換行,無法設置寬高)

a,img,span,i,em,sub,sup,label等

常見的行塊級元素(擁有內在尺寸,可設置寬高,不會自動換行)

button,input,textarea,select,img等


這些知識點用於查缺補漏,在用ui框架和js框架構建應用的時候也要保持基礎知識不被遺忘



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章