1. 程式人生 > >HTML&CSS常見問題整理(五)

HTML&CSS常見問題整理(五)

www. mark js文件 邊距 自適應 白帽優化 位置 agen 移動設備

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常見問題整理(五)