献给 HTML 和 CSS 的情书

Ashley Kolodziej - 2021 年 5 月 17 日

Ashley Kolodziej — 2021 年 5 月

亲爱的 HTML 和 CSS

我看见你了。

在那后面,在 JavaScript、React、PHP 和所有那些“真正的”编程语言后面,我看见你了。我感谢你。

我看到了 YouTube 上的视频。你在通往更伟大更美好的事物之路上的 60 秒视频片段中被浓缩了,在比赛的最后,你是一只只会用 div 的马。你是一个配角。现在每个人都懂 HTML。即使不是这样,他们也说学起来并不难。

我知道这不是真的。

你是互联网的基石。你是人与信息之间的桥梁。当我们说 HTML 本身不是一种专业技能时,当我们认为理所当然时,我们忽略了使用网络爬虫和无障碍技术访问这些信息的人员和系统。

他们说你不是像其他语言那样的真正的编程语言,你只是标记语言,从技术上讲,我想这是对的。从技术上讲,JavaScript 和 PHP 是脚本语言。我还记得当知道 JavaScript 不酷的时候,当它也不是一种“真正的”语言的时候。有时,我觉得这些区别毫无意义,就像我们建立了一个词汇来把你(以及作为开发者的我们自己)挡在门外一样。作为一种标记语言,你拥有自己独特的价值和优势。知道如何最好地与你合作是一项真正的专业技能,而这项技能往往被忽视。

标记需要系统性的思考。哪种结构最适合此内容?我们如何才能使此内容更容易被发现并按正确的顺序解析?我们需要哪些标签才能确保屏幕阅读器能正确地解析你的信息?我想让你知道我知道你的重要性,我仍然在问这些问题。

每次我在 VoiceOver 中测试网站并发现它完全无法使用时,我都会想起你,我的键盘焦点跳到我无法与之交互的地方,也没有明确的章节和标题来帮助我导航。

还有我的老朋友 CSS,我想让你知道我理解你远不止一张漂亮的脸蛋。当然,你的主要工作是,嗯,为标记设置样式。但为什么这不能像其他语言一样受到赞扬呢?你是信息的视觉翻译。如果我们不能轻易理解世界上的所有信息,那么所有这些信息有什么用呢?你掌握着层次结构、对比度和布局的钥匙,掌握着视觉传达的钥匙。

你的语言是一种艺术。我认识到你的重要性,渲染性能、特异性和预测其他系统或设计师何时何地可能想要覆盖某个东西的平衡。当然,你设置样式,而且你设置得很好。但世界有时会忘记的是,你的本质上是一位规划者:层叠样式表中的“层叠”部分。哦,如果我是 JavaScript,我可以随心所欲,随时随地更改标记和样式。他们不知道内联样式是最具体的样式吗?

我知道,我尊重这一点。特异性有其时间和地点,我珍视你管理特异性的能力。我喜欢你覆盖的系统,喜欢提前思考哪些内容应该哪些内容不应该很容易被其他开发人员修改。我发现对特异性、!important、对比度以及所有你做得很好的漂亮小事物的欣赏,在追求最新最闪亮的框架的过程中越来越少。

但我仍然在这里,HTML 和 CSS。我将继续向我认识的每个人展示你们两人可以提供多少。因为如果没有这种基础性的关注和专业技能,我们就无法传达这些信息。你是公平的信息传播的核心语言,我想让你知道,即使你现在不在聚光灯下,我也记得这一点。

即使有时感觉我是唯一一个仍然这样做的人。

With love, Ashley Kolodziej - CSS技巧