拒绝 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