为什么 html 不使用类似的 <include>...</include> 这样的模板语法？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Dive into HTML5

› http://diveintohtml5.org/

这是一个创建于 1604 天前的主题，其中的信息可能已经有所发展或是发生改变。

html 自身如果支持模板语法，不是很好吗。看起来，也没有什么实现难度，为什么一定要依赖编程语言去实现呢？

类似这样的伪代码：

<body>
   <include src="./page-header.html"></include>

   Body content ...

   <include src="./footer.html"></include>
</body>

8 条回复 • 2020-06-25 14:29:26 +08:00

blogfeng

2020-06-25 00:43:22 +08:00 via Android

Iframe 不就是现成的

thedrwu

2020-06-25 00:48:00 +08:00 via Android

一个请求变成了三个，还能递归呢。

opengps

2020-06-25 00:54:30 +08:00 via Android

html 是静态语言
web 服务开发之所以要用动态语言开发，是为了能够动态构造输出不同的 html 。

按你这样的拆分，实际上包含了动态目的，而不是去加载一个单独静态文件。
你要这个效果完全可以用 js 这种浏览器支持的语言去动态构造，anglarjs 这种封装就是你期望的方向

binux

2020-06-25 00:57:27 +08:00 via Android

https://www.html5rocks.com/en/tutorials/webcomponents/imports/

ferock

2020-06-25 07:58:24 +08:00 via Android

请了解一下 shtml

ChanKc

2020-06-25 08:49:27 +08:00 via Android

因为 HTML 在设计的时候更重视的是语义，其主要目的不是为了让开发者方便地指定浏览器的渲染效果，而是给 user agent （不一定是浏览器）有意义的文档
而且设计一个这样的标签远比你想得复杂：#2 说的递归很对。而且还要考虑，如果加载不出来怎么办？加载和渲染的顺序是什么？是否适用于 same origin policy ？要不要定义新的 CSP ？

revalue

2020-06-25 09:46:46 +08:00

@ChanKc
这个需求我想了很久，vue 的 html 模板为啥不能同样“模块化开发”呢？从某种程度上，react 模式下的 jsx 或者 vue 的函数式组件做到了。我试过 vue 函数式组件，只能算是个半成品。

gouflv

2020-06-25 14:29:26 +08:00 via iPhone

shtml，只要 nginx 打开 ssi 就可以了