拒绝 Tailwind,拥抱纯 CSS

2025-05-27

拒绝 Tailwind,拥抱纯 CSS

Tailwind 之类的工具可能会帮助您更快地开发您的业余项目,但问题是......

标记中不应该有任何表示逻辑

您应该使用 HTML 来描述内容、层级和结构,而不是外观。您应该使用语义化的 HTML 标签,例如<section><aside><figure>而不是<div>。然后,使用与内容类型对应的类来设置内容样式,例如 ,"testimonials"而不是"bg-slate-100 rounded-xl p-8 dark:bg-slate-800"

这就是为什么他们从 HTML 中删除了大量的表示标签,例如<font><center>。即使没有一行 CSS/JS,你的网站也应该易于阅读,只需借助正确的结构化 HTML 即可。我鼓励大家研究一下渐进增强优雅降级之类的技术。

好处

按照预期用途使用 HTML 和 CSS 有很多好处。

  • 更易于访问的网站,
  • 更好的搜索引擎优化,
  • 由于 HTML/CSS 尺寸更小且具有缓存功能,性能得到提升,
  • 并且您有可能避免将来的法律问题。

但是...这很难

仅仅因为某件事比较容易并不意味着它就是正确的做法。

我明白,分析内容类型并正确命名确实很费脑力。但作为开发者,我们的工作就是做到这一点。将业务需求和领域知识转化为代码,避免歧义和上下文丢失。
对某些人来说,学习 CSS 可能很难。那还有什么替代方案呢?我们每周都会学习一个新的框架、工具、库和实用程序。学习和掌握 CSS 不会比这更难。

结论

Tailwind 可能非常适合业余爱好或 POC 项目。但对于倾向于扩展原生 HTML/CSS 的企业项目来说,Tailwind 才是最佳选择。

HTML 和 CSS 并不完美,但我宁愿我们改进现有的解决方案,而不是想出更新、更糟糕的工具来试图解决它们所带来的问题。

文章来源:https://dev.to/haykerman/say-no-to-tailwind-embrace-plain-css-5cn7
PREV
如何使用 HTML、CSS 和 JS 创建电子商务网站第 2 部分视频教程代码 NPM Init 服务器注册页面
NEXT
如何在以太坊区块链上使用 React 和 Solidity 创建 dApp 恭喜,您的第一个 dApp 已准备就绪