Modern Motherfucking Website
13 hours ago
- 现代网页开发过度工程化；像在屏幕上显示一段文字这样的简单任务需要数百个依赖。
- HTML 内置语义元素（如 <nav>、<main>、<article>、<aside>、<footer>），无需 JavaScript 即可提高可访问性。
- 原生组件如 <details>、<dialog> 和 popover 可在各浏览器中运行，无需组件库。
- JSON-LD 结构化数据只是一个带 JSON 的 <script> 标签，无需 SEO 插件。
- Open Graph 和 Twitter card 元标签是用于社交分享的简单 <meta> 标签，无需额外集成。
- 资源提示（<link rel="preconnect">、preload 等）和推测规则可原生实现性能优化。
- 现代图像格式（AVIF、WebP）可通过 <picture> 配合 <source> 标签提供，无需构建系统。
- 许多声称的“框架优势”（例如可访问性、响应式图像、暗色模式）已经是浏览器功能，可通过纯 HTML 和 CSS 实现。
- 对于简单网站（博客、营销页面），一个 HTML 文件就足够了；只有真正的应用程序才需要框架。
- 整个页面（除外部资源外）是一个 23 KB 的 HTML 文件，零依赖，可通过复制到服务器部署。