主要观点:在网页中设置文本颜色通常使用 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 Video和Grouping form fields。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。