前两天有一个 Claude Code 的工程师在推特上又发了个文章,说是要把 Markdown 过时了,推荐用 HTML,然后就看到一圈人跟风,说什么不要用 Markdown 了,仿佛之前吹和 AI 交互要首选 markdown 的文章没写过一样哈哈。你会发现,很多时候,国外的一些大佬,放个屁转到国内都是香的…当然也不否认,有些国外大佬的想法确实挺好的。
但产品好不好,还是要从场景出发,不能诉诸权威,别人说什么,你也人云亦云的说"好好好"。
那么他提到了什么呢?
我理解他的意思大概是说 HTML 可以承载的信息比 Markdown 更丰富,比如说,可以画出来表格,做设计的 Demo,包括我自己也会用 HTML 做小程序的 demo,这是 markdown 替代不了的。
HTML 能承载的信息比 Markdown 丰富得多。除了基本的文档结构(标题、格式化),它还能表达各种其他类型的信息:
- 表格数据(用 table)
- 设计数据(用 CSS)
- 插图(用 SVG)
- 代码片段(用 script 标签)
- 交互元素(用 HTML + JavaScript + CSS)
- 工作流程图(用 SVG 和 HTML)
- 空间数据(用绝对定位和 canvas)
- 图片(用 img 标签)
我发现如果不让模型用 HTML,它就会在 Markdown 里做一些很勉强的事,比如画 ASCII 图。我最喜欢的一个例子是,它试图用 Unicode 字符来「估算」颜色,就像下面这张 Claude Code 的截图
但是,我们从与 AI 高效协作的场景出发,涉及到写产品文档类的场景,其实还是用 markdown 去处理比较好,这类场景不需要很多复杂的交互等,所以 HTML 并不是所有的场景都适用。
扯了半天,可能都还不知道什么叫 HTML,这篇选题其实之前就规划好了,没想到碰到这么个事,就多说了一点。
我们平时上网看到的大部分页面都是用 HTML 代码生成的。
1990 年以前,HTML 还没有诞生,我们想看一份文件,需要知道它存在哪里,用什么格式打开,朋友想给我发个文件,只能通过邮件,甚至是光盘发过来,十分不方便。
有个大佬叫 Tim Berners-Lee,就发明了 HTML 这个语言,可以把所有的文档互相链接,直接浏览器打开就行了,而且全世界通用,任何设备都能访问,十分便利。
最初,HTML 只有 18 个标签。只能显示文字和连接。
现在 30 多年过去了,HTML 已经进化到了第五代,能够播视频,能够画画,能够做游戏甚至。我们看到的大部分的网页、APP 的内嵌页面,基本上都是 HTML 去做的,它成了我们互联网上网的一个基础设施。
我们都知道,在盖房子之前,都要先画一份图纸。让建筑师画一份设计图,然后工程师们照着施工图纸去盖,HTML 就是这样的一份图纸,它告诉网页哪里是放画画的,哪里是放大标题的,哪里是放视频的,按什么顺序去排列。
一般来说,一个网页就是一份 HTML 文件,它由三部分组成:
一是 HTML,它负责网页的骨架,承重墙的位置、门窗放哪,都由它决定;
二是 CSS 代码,它负责网页的装修,页面是什么颜色,是什么布局,都由它决定;
三是 JavaScript,它负责通水电,决定网页的交互和动态效果,就像装修的时候要买哪些电器,开关网线怎么搞,都由它决定。
最后,HTML 代码经过浏览器解析,比如常见的 Chrome、Safari、Edge 这些浏览器,就呈现出了我们看到的效果。
在 HTML 有各种各样的标签,这个我们其实不用学,因为有 AI,它懂就够了,我这里就简单选 2 个讲:
-
标题、段落 HTML 会把标题这些标注,用尖括号包裹起来,比如
<h1>这是大标题</h1>,这样做网页渲染出来,就会看到大字号的"这是大标题"。同理,段落也是用标签包裹起来的,它的符号是<p>这里是段落</p>,渲染出来后,就会看到一段普通的文字。 -
图片 图片一般会用下面的代码来表示
<img src="图片地址" alt="图片描述">,渲染出来是图里这样的效果:
其它还有很多比如链接、视频等,就不展开了,我觉得这个作为了解就够了,不用学。
如果在打开的网页,按 F 12 查看源代码,就能看到页面对应的 HTML 代码。
这就是 HTML,它比 markdown 更强大,能够实现更复杂的布局和交互,但具体使用哪个,要根据自己的场景决定。