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 @   sink_cup  阅读(3184)  评论(15编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
Creative Commons License

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

点击右上角即可分享
微信分享提示