[控场AI]
概念HTML5

HTML

HTML(HyperText Markup Language,超文本标记语言)是用于创建和构建Web页面的标准标记语言。它通过一系列标签(Tag)定义网页内容的结构与语义,包括文本、图像、链接、表格等元素。HTML文件由浏览器解析并渲染为可视化页面,是构成万维网(WWW)的核心技术之一,通常与CSS和JavaScript配合使用,分别负责样式呈现与交互行为。

核心事实

时间轴 (近 90 天)

10月30日

把一张网页截图丢给AI,几秒钟后它就开始自己写HTML和CSS,是现在就能上手的工具能力。

待验证50%
10月30日

截图转代码工具的核心流程通常分为两步:视觉模型解析截图中的布局结构、颜色、字体、间距等视觉元素,然后将这些信息映射为HTML标签和CSS样式规则。

待验证50%
10月28日

Willison 的四个游戏项目全部基于 HTML 和 JavaScript,完全在浏览器中运行。

待验证50%
10月26日

Huashu Design 项目使用 HTML 作为主要语言,降低了贡献门槛。

待验证50%
10月19日

Ngezi K.D.H.S. Study Portal 使用 HTML、CSS 和原生 JavaScript 构建。

待验证50%
10月18日

将500个时钟放入单个HTML文件的核心工程思路是用体积换部署便利,对比加载500个独立资源文件,单文件在分发和离线使用上有优势。

待验证50%
10月18日

单HTML文件方案适用于离线工具、教学演示、快速分享、嵌入式小应用等场景,用户双击即可运行,无需构建步骤和服务器;局限包括体积超数MB后首屏加载和解析时间上升、逻辑耦合导致协作和版本管理困难、缓存粒度粗致任何小改动需重新下载整个文件。

待验证50%
10月17日

WordCraft 能打开和保存 docx 文件,并支持 ODT、RTF、HTML、Markdown、LaTeX 和纯文本格式。

待验证50%
10月17日

SVG 作为独立图片被 <img> 标签引用时,外部 CSS 不会生效;只有内联到 HTML 文档中或通过 <object>/<iframe> 嵌入时,外部样式才能作用。

待验证50%
10月17日

在 HTML 中,振假名通过 <ruby> 标签实现,例如 <ruby>漢<rt>かん</rt></ruby> 会在“漢”字上方显示“かん”。

待验证50%

还有 40 条时间轴事件

全部知识事实 (20)

已验证

Tailwind CSS是一套原子化CSS框架,通过预定义的功能类直接在HTML中编写样式

80%
已验证

HTML诞生于1991年,由Tim Berners-Lee发明

70%
已验证

大模型生成动态视频更可能是生成描述动画的代码(如 Canvas、SVG、CSS 动画或动画框架),而非直接渲染像素级视频

65%
已验证

Invoker Commands是HTML新增的声明式交互API,允许通过commandfor和command属性建立按钮与目标元素的行为关联,无需JavaScript

65%
已验证

HTML输出允许AI内嵌SVG图表、交互式组件、页内导航、色彩编码和内联注释等Markdown无法实现的功能

65%
已验证

一个普通网页的原始HTML往往包含数万个Token的冗余内容,包括CSS样式表、JavaScript代码、广告脚本、导航菜单等

65%
待验证

Markdown作为纯文本格式与Git的diff机制完美兼容,而HTML文件由于包含大量标签和样式代码,使得代码审查变得极其困难

90%
待验证

HTML输出比Markdown消耗明显更多的Token,一个简单的加粗文字在Markdown中需要6个额外字符,而在HTML中需要17个额外字符

90%
待验证

HTML的diff极其嘈杂难以审查,是HTML替代Markdown的最大缺点

85%
待验证

CSS内联样式相比外链CSS能最大程度保证样式在不同平台间的兼容性,复制粘贴后格式不会丢失

85%
待验证

HTML输出支持在文档中添加滑块、旋钮等交互元素来调整设计参数,并可添加复制为提示词按钮将参数粘贴回Claude Code

85%
待验证

HTML是AI训练数据中占比最大的格式之一,模型对HTML语法和语义的掌握程度远超任何专有格式

75%
待验证

对于AI来说,生成一个自包含的HTML文件比生成需要多文件协作的项目要简单得多,错误率更低,可验证性更强

70%
待验证

Markdown适合技术文档、笔记、知识库等记录和传承场景,HTML适合报告、看板、演示、原型等理解和行动场景

70%
待验证

CSS Zen Garden demonstrated in the early 2000s that the same HTML could achieve completely different visual effects by switching stylesheets

60%
待验证

HTTP协议由蒂姆·伯纳斯-李于1991年在欧洲核子研究中心(CERN)发明

60%
待验证

一个典型的HTML文档相比等效的Markdown内容可能多消耗2-5倍的token

60%
待验证

同样的内容,HTML的标签开销可能比Markdown多出30-50%的token消耗

60%
待验证

将CSS和JavaScript内联到单个HTML文件中,虽然牺牲了代码可维护性,但实现了一个文件即整个网站的零障碍部署

60%
待验证

HTML输出的生成耗时约为Markdown的2-4倍

60%

来源文章