程序员人生 网站导航

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

栏目:htmlcss时间:2014-03-08 07:28:16

  内容应放在HTML中,而不应该依赖于CSS。这是HTML的一个重要原则。下面这个例子很明显的体现这个问题:

  当CSS可用时,页面的内容正常。

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

  当页面不可用,只能通过https访问时,由于此页面的CSS是http的,所以CSS失效,这个时候页面的内容也不见了,因为这个页面的表格依赖于CSS的图片。

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

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

 

  符合W3C标准的HTML是这样的:内容使用文字,使用text-indent:-3000px让文字偏移到看不到的地方,使用背景图片来顶替,这样当CSS不可用时,文字就会显示出来。符合W3C标准的HTML和CSS代码下载:http://files.cnblogs.com/sink_cup/report.7z

  当有CSS时,文字偏移,显示背景图片。效果如下:

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

  当禁用CSS时,文字显示出来。效果如下:

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

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐