HTML原则:内容放在HTML中,不要依赖CSS


内容应放在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时,文字显示出来。效果如下:


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3