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

 

posted @ 2010-03-25 11:34  sink_cup  阅读(3173)  评论(15编辑  收藏  举报
Creative Commons License

本站原创作品采用知识共享署名 3.0许可协议进行许可。