HTML 就是创建网站所需的一切

2025-06-10

HTML 就是创建网站所需的一切

我最近写了一篇文章,关于如何通过使用正确的工具来大幅提高我的网站性能,TL;DR 的意思是,有意识地、有目的地少用 JavaScript、CSS、第三方脚本以及我们现在构建网站的其他任何东西——大大提高了网站性能、可访问性和最终用户体验。

这让我想到了卡西迪·威廉姆斯 (Cassidy Williams) 发表的一篇关于“少加”的精彩文章。

你的网站启动很快,直到你添加太多东西导致速度变慢。你需要框架吗?你能在浏览器中原生地实现你想要的功能吗?

网站本身就很快。每个网站的核心都是纯粹、低调、纯粹的 HTML。在 Web 1.0 的黎明,只有 HTML。第一个网站 至今仍在运行,没错——它就是 HTML。它速度很快,而且运行良好™。

在一个安静的周日下午,我发了一条推文来支持这个观点。在这个充斥着 JavaScript 框架、SPA、尖端 CSS 动画、强大设备和高速网络连接的世界里,我想庆祝纯 HTML 网站的完美有效性,并看看人们都在构建些什么。

仅限 HTML 的展示

以这个标志性的网站(如果您不习惯使用脏话,请勿点击!)拉开展示序幕后,我收到了一些很棒的投稿。很高兴看到这么多开发者毫不掩饰地构建纯HTML网站。

艾伦·史密斯 (Alan Smith)在https://pixel-art.alanwsmith.com/上使用 HTML 表格和一些已弃用的 HTML 标签创建像素艺术,非常有趣

这是pixel-art.alanwsmith.com 的屏幕截图,显示了脸上带着苹果的男人的像素版本。

泰勒·亨特 (Taylor Hunt)分享了他的朋友迈克尔·布莱恩特 (Michael Bryant) 制作的一个非常巧妙的纯 HTML 数学测验。

这是纯 HTML 测验的屏幕截图,询问 9 除以 3 等于多少。

Alex Riviere向我们展示了如何使用 HTML 表格属性在https://html-only.netlify.app/上“伪造” CSS 。我很喜欢 Alex 的那句名言:“漂亮的纯 HTML 页面很难做好,也很难上手。不过我们做到了,我正在尽力。”

Alex 网站的屏幕截图,其中显示了三个带有标题的表格

设计工程师Lochie Axon与我们分享了他们的网站。“我的网站多年来一直都是纯 HTML 的,而且缺少一个非常重要的元素。”

Lochie 网站的截图,显示了他们的姓名、职位和一些简单的蓝色网络链接。附加元素是一句绿色的句子

Dom分享了一个德国流行的博客网站— — 而且它还附带了 RSS 提要!

blog.fefe.de 的屏幕截图,显示纯文本和互联网蓝色链接,布局精美。

Stephanie Eckles展示了nojson.dev——一个“用 NoJSON HTML 精心打造”的网站。点击此处阅读全文(值得一读!)。

nojson.dev 的屏幕截图。上面写着:许多人认为这是一项革命性的举措……本网站已将纯 HTML 格式直接传输到您的设备。我们独有的 NoJSON 方法能够通过网络传输纯 HTML 格式。他们说这根本做不到!——互联网人士

最后,Adrian美味的 HTML表格为我们烤了一个美味的 HTML 蛋糕。

显然,仅使用 HTML 是有争议的

在纯 HTML 网站的有趣展示中,与互联网上的任何事物一样,当然也存在一些争议。

HTML 就是您建立网站所需的全部内容!

有人问:“为什么?”我说:“为什么不呢?”

有人说没有 CSS 和 JavaScript 的网站“乏味”。谁在乎呢?只要你的内容可读性高、易于访问,没有加载动画和花哨的设计,那就发布吧。

还有人说纯HTML网站“丑得要命”。我不同意。它们很漂亮

为什么对纯 HTML 网站如此抵触?毕竟,它是网络的基础工具,也是我们的历史。在 2020 年代的网络生态系统中,开发者被各种炫酷的东西淹没了。构建工具、JavaScript 框架、CSS 框架等等。这些都是好玩的玩具,而且很多都做得很好,但代价是什么?我们是否会失去根基,失去一切的起点?还是我们认为纯 HTML 网站太容易了?太简单了?不够令人印象深刻

我不确定。但我确信的是,网站并不需要复杂才能有效。少添加,少发货,少操心。记住——HTML 是一切的起点。它就是你开始所需的一切。

您的作品集需要包含复杂且令人印象深刻的代码吗?

鏂囩珷鏉ユ簮锛�https://dev.to/whitep4nth3r/html-is-all-you-need-to-make-a-website-1iig
PREV
Web 渲染的缩写
NEXT
GraphQL 简介以及如何使用 GraphQL API