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

Dive into HTML5

This topic created in 2330 days ago, the information mentioned may be changed or developed.

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

类似这样的伪代码：

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

   Body content ...

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

8 replies • 2020-06-25 14:29:26 +08:00

blogfeng

Jun 25, 2020 via Android

Iframe 不就是现成的

thedrwu

Jun 25, 2020 via Android

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

opengps

Jun 25, 2020 via Android

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

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

binux

Jun 25, 2020 via Android

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

ferock

Jun 25, 2020 via Android

请了解一下 shtml

ChanKc

Jun 25, 2020 via Android

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

revalue

Jun 25, 2020

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

gouflv

Jun 25, 2020 via iPhone

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