我最喜欢的颜色是查克·诺里斯红 - HTMHell

主要观点:在网页中设置文本颜色通常使用 CSS 的color属性,但这里是 HTMHell,要用 HTML 来定义样式。过去的 HTML 版本中有color属性,如<font color="#d72b2b">HTMHell rules!</font>,但输入无效颜色值如"chucknorris"时,浏览器会进行特殊处理使其显示为红色。这是因为浏览器会对无效值进行解析,如先删除开头的#,替换无效字符为0,标准化长度等。现代 CSS 处理无效颜色值也有类似但不同的情况,如 clamp 取值等。网页的宽容原则使得即使代码有问题也能渲染,这是网页的基础,作者认为完美的网页是无聊的,这种宽容让网页更有趣。
关键信息

  • HTML 中设置颜色的历史变化,从color属性到现代 CSS。
  • 浏览器对无效颜色值的解析步骤,包括初始清理、替换无效字符等。
  • 现代 CSS 处理无效颜色值的方式。
  • 网页宽容原则及对网页的影响。
    重要细节
  • 给出了演示颜色解析的 CodePen 链接Legacy HTML Colour Parsing Demo
  • 展示了一些单词与 HTML 颜色解析相关的巧合匹配表格Word Correlations With HTML Colour Parsing
  • 提供了相关资源链接,如关于微软 Internet Explorer 颜色解析的Sam's Place等。
  • 介绍了作者 Declan Chidlow 的相关信息,包括网站、Fediverse 和 Bluesky 账号等。
  • 提及了之前和之后的文章链接,如Getting Oriented with HTML VideoGrouping form fields
阅读 7
0 条评论