HTML&CSS常見問題整理(五)
阿新 • • 發佈:2017-11-16
www. mark js文件 邊距 自適應 白帽優化 位置 agen 移動設備
88.XHTML中正確標記折行的標簽是
81.在HTML中,SEO常見的白帽優化技巧有哪些?
82.塊屬性標簽與行屬性標簽的區別?哪些標簽是塊屬性的,哪些是行的
見我的博客:http://www.cnblogs.com/shireyhu/p/7814156.html
83.IE6和IE7有什麽不同?(廢棄,沒有參考價值)
84.與三個兄弟div,給div設計樣式float:left,如何使第二個div不浮動(不能用CSS3選擇器)
給第2個div加float:none;
85.寫出兩個div並排顯示的css樣式,要求左側的div寬度200px;字體加粗;行高30px;與右側div的外邊距10px;右側的div寬度自適應,邊框1px灰色;
86.CSS樣式引用和js引入的位置問題(為什麽會放在頭部或者底部)
在開發網頁時,盡量將css放置在頁面的header裏,js不管是外部引入的或嵌入的js片段都應放在頁面的尾部
因為頁面在加載時,css加載時可以並發請求的(同頁面中的圖片,ie6除外),而js加載時需要等待一個js文件加載完成後才加載其他資源,為了頁面的快速呈現,放置在尾部效果更好
同時由於嵌入的js片段會阻塞整個頁面的呈現(外部引入js文件阻塞其他資源下載,也會阻塞該js引入位置以下的頁面的內容呈現,所以要放置在頁面的最下面)
87.下列成立的是(ABCD)
88.XHTML中正確標記折行的標簽是
89.下面不支持overflow-y屬性的瀏覽器是(IE7)
90.讀以下代碼,相鄰div的垂直外邊距是多少?
相鄰div的垂直外邊距是50px
91.讀下面一段代碼,div#a和div#b哪個疊放層次更高,a覆蓋b還是b覆蓋a?
a覆蓋b
92.標簽語義化和CSS命名語義化有什麽好處?
*去掉樣式或者樣式丟失時頁面結構依然清晰分明
*移動設備能夠更加完美的展示你的網頁(移動設備對css的支持較弱)
*閱讀器會根據標簽的語義自動解析,呈現更容易閱讀的內容形式(無障礙閱讀)
*搜索引擎會根據標簽的語義確定上下文和權重問題
*便於後期的開發以及維護,團隊合作效率更高
93.某種效果,有兩種實現方案都可以實現,方案一,img標簽,方案二:背景圖,兩個方案如何取舍?衡量的標準是什麽?
以下場景使用img標簽比較合適:
*如果圖像是內容的一部分或圖表或人,使用img標簽加上alt屬性
*如果你想打印頁面並且你想要的圖像包含默認情況下使用img
*使用img(alt文本)圖像有一個重要的語義化時,比如一個警告圖標,這將確保圖像的意義可以很好地和user-agents溝通,包括屏幕瀏覽器。
*如果你依賴於瀏覽器縮放圖像比例並且可以呈現不錯的效果時使用img
*如果配合和z-index伸展背景圖像來填補它的整個窗口時使用img
HTML&CSS常見問題整理(五)