国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > HTML原则:内容放在HTML中,不要依赖CSS

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

来源:程序员人生   发布时间:2014-03-08 07:28:16 阅读次数:3785次

  内容应放在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

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生