HTML原则:内容放在HTML中,不要依赖CSS
内容应放在HTML中,而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题:
当CSS可用时,页面的内容正常。
当页面不可用,只能通过https访问时,由于此页面的CSS是http的,所以CSS失效,这个时候页面的内容也不见了,因为这个页面的表格依赖于CSS的图片。
符合W3C标准的HTML是这样的:内容使用文字,使用text-indent:-3000px让文字偏移到看不到的地方,使用背景图片来顶替,这样当CSS不可用时,文字就会显示出来。符合W3C标准的HTML和CSS代码下载:https://files.cnblogs.com/sink_cup/report.7z
当有CSS时,文字偏移,显示背景图片。效果如下:
当禁用CSS时,文字显示出来。效果如下: