Heroku 推出前端 Web 云原生 Buildpack，通过将环境变量以 data-* 属性写入 HTML 文档，实现静态前端应用的运行时配置。该方法安全、标准、无需重新构建，兼容任何框架，避免构建时注入配置的安全风险，并解决前端环境变量在部署间变化的问题。

Claude Code团队的Thariq探讨了HTML在AI内容生成中的优势，认为HTML比Markdown更适合输出格式。通过使用HTML的data-*属性，AI可以高效检查和修改内容，提升了内容的可检查性和人机协作效率，减少了token消耗，适用于多轮修改和复杂文档。

在JavaScript中，采用结构化和层次化的方法操作DOM可以提高代码可读性。使用querySelectorAll选择多个元素并通过.forEach()迭代，可以在特定上下文中操作元素。自定义属性data-*提供了一种语义化的方式将数据绑定到DOM元素，避免依赖类名。这些现代实践有助于保持代码的模块化和可扩展性，提升开发体验。