一个有关 HTML“模板”功能的问题


大家好,我是一名前端入门者,目前对 HTML 和 CSS 的掌握还可以,JS 只是有点了解。
目前为止主要的开发工具是 Brackets。
之前构建了自己的网站,是静态的,最近几天想重构一下 HTML 和 CSS,那么可以重用的部分(logo、导航栏等,或者 <head> 标签里的一些改动,添加 <meta> 等)改动之后,我就得在每一个页面下手动更新这部分内容,日后对这一部分又有更新之后,又得全部手动更新,页面累积也有近30个,这样改动很是麻烦,不知道 Brackets 里有没有这样的功能,就是这部分重用的 HTML 结构作为“模板”插入每个页面,每次改动我只需要改动那个“模板”原文件即可,其他每个页面都自动更新呢? 或者 Sublime 有这样的插件? 还是 Emmet 这样的? 稍微看了下 Emmet 似乎不是我想要的功能。
其实就是类似 Axure 里面的母版功能。还望站里的知情大大给予解答,非常感谢!

brackets HTML 模板 ide

Die毛玉 10 years, 6 months ago

HTML静态处理的话,用用jade做处理器如何?

豆沙包亲王 answered 10 years, 6 months ago

如果是后端可以使用smarty模板,这样可以将一些重复使用的html代码放到单独的一个文件中,使用时候include。

前端可以使用前端的一些模板,也是差不多,不过它是可以用javascript来加载处理的,而不是后台的语言来处理。

javascript模板引擎arttemplate还是比较简单的,可以试下。

AAX-01 answered 10 years, 6 months ago

一种解决方案是所谓“服务端包含”,比如shtml 乃至 php,在服务端解析特殊的标签来引入其他文件合并成最终的html,需要服务器的支持

另一种是“静态生成器”,引入编译的概念,将带有特殊标签的文件编译为静态的html,详见 我用过的静态站点生成器们

当然静态生成器可以拆解成模版引擎、watch、编译脚本组织等小环节,自己通过类似gulp的工具来组装

抗加龄小队 answered 10 years, 6 months ago

Your Answer