HTML原則:內容放在HTML中,不要依賴CSS

來源:互聯網
上載者:User

內容應放在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時,文字顯示出來。效果如下:

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.