內容應放在HTML中,而不應該依賴于CSS。這是HTML的一個重要原則。下面這個例子很明顯的體現這個問題:
當CSS可用時,頁面的內容正常。
當頁面不可用,只能通過https訪問時,由于此頁面的CSS是http的,所以CSS失效,這個時候頁面的內容也不見了,因為這個頁面的表格依賴于CSS的圖片。
符合W3C標準的HTML是這樣的:內容使用文字,使用text-indent:-3000px讓文字偏移到看不到的地方,使用背景圖片來頂替,這樣當CSS不可用時,文字就會顯示出來。符合W3C標準的HTML和CSS代碼下載:http://files.cnblogs.com/sink_cup/report.7z
當有CSS時,文字偏移,顯示背景圖片。效果如下:
當禁用CSS時,文字顯示出來。效果如下: