如今，由于提供现成解决方案的 JavaScript 库的激增，我经常发现 JavaScript 被用来实现无需 JavaScript 即可实现的功能。更多的 JS 库意味着需要下载更多的内容，也许需要更多的往返服务器来获取其他文件，然后 JavaScript 的执行时间和成本也会增加。
我对你走到这一步深表同情。开发人员经常收到糟糕的简介/规格，，而仅传达功能。他们的时间安排往往不太好，因此很容易错过一些东西。
然而，在使用 HTML 和 CSS 实现的功能方面已经取得了相当大的进步。让我们看一些例子。
带搜索的组合框
如今，包含文本搜索选项的下拉框是相当常见的界面元素。我最近看到 购买电话营销数据 的一篇文章描述了如何使用 Select2 JavaScript 库来创建这样的列表。
这是一个有用的 UI 元素，可以帮助您的用户。但是，Select2 库包含一个 JavaScript 库，而该库又依赖于一些 CSS 和 JQuery 库。这意味着需要三次往返来收集一堆不同大小的文件：
jQuery – 101kb
Select2 JavaScript – 24kb
选择 2 CSS – 3kb
这对于网站速度来说并不理想，但我们当然可 您看到的所有内容 以解决这个问题，为用户提供更流畅的界面。
然而，实际上可以通过
它允许用户搜索列表或自由键入答案，因此提供相同的功能。此外，它在智能手机上有一个本机界面！
您可以在此 codepin 中看到它的实际效果。
详细信息/摘要
LonelyPlanet 有一个可爱的网站，我正在查看有 购买电子邮件列表 关西班牙的页面，其中有一个大多数网络用户都会熟悉的“阅读更多”链接：
就像我见过的几乎所有实现一样，他们使用 JavaScript 库来实现它，但这又带来了很多开销。
然而，HTML 有一对名为“detail”和“summary”的内置标签，旨在精确 无法传达有关性 地实现此功能。免费且原生 HTML。没有开销，对于需要屏幕阅读器的用户来说更容易访问，同时也向 Google 传达语义。
这些标签可以使用 CSS 以各种灵活的方式设置样式，而且我见过的大多数 JS 版本都可以重新创建。
在这里查看一个简单的演示：
…以及更多
有关可以使用 HTML 而不是 JS 实现的功能的更多示例，请查看以下链接：