Edit

Page

Page title:

Page body:

[1] [[Web]] にはいくつかの[DFN[[RUBYB[[[雛形]]]@en[template]]]] ([DFN[[[テンプレート]]]]) があります。

[2] [[Webブラウザー]]で解釈されるものとしては、 [[Web Components]] の機能である [[HTML]]
[CODE(HTMLe)@en[[[template]]]] [[要素]]と、 [[XSLT]] の[[雛形]] ([CODE(XMLe)@en[[[xslt:template]]]]) があります。

[3] 歴史的には [[HTML]] の一部として [[IE]] の[[データ束縛]]、
[[Web Forms 2.0]] の[[反復雛形]] ([CODE(HTMLa)@en[[[repeat]]]] [[属性]]など)、 [[HTML5]]
の[[データ雛形]] ([CODE(HTMLe)@en[[[datatemplate]]]] [[要素]]など)、 [[XBL2]] の[[雛形]] 
([CODE(HTMLe)@en[[[template]]]] [[要素]]など) が提案されていましたが、既に破棄されています。

[4] [[Gecko]] は [[XBL1]] の[[雛形]]を実装しています (これは [[XBL2]] に引き継がれ、 [[Web Components]]
の [CODE(HTMLe)@en[[[template]]]] へとつながります)。また [[XUL]] の[[雛形]]
([CODE(XMLe)@en[[[template]]]] [[要素]]など) も実装しています (これは[[データ雛形]]につながりましたが破棄されました)。

[12] 
[[雛形]]の埋め込みには[[XMLデータアイランド]]や通常の[[要素]]、
[[スクリプトデータブロック]]などが使われてきましたが、
現在は [CODE[template]] [[要素]]を使うのが普通になっています。

[5] 一方 [[Webサーバー]]では各種言語で実装された様々な[[テンプレートエンジン]]を使って[[Webアプリケーション]]を構築するのが一般的になっています。
そのほとんどはテキストベースまたは [[HTML]] ベースの独自の言語を使っています。稀に [[XSLT]]
など [[XML]] ベースのこともあります。

;; [[雛形エンジン]]参照。

[6] 更に、[[著者]]による[[スクリプト]]でもサーバー側と同様に[[テンプレート]]言語の処理が行われることがあります。

[10] 
これらとは少し趣が異なりますが、
[[JavaScript]] には[[雛形リテラル]]があります。

[11] 
[[JavaScript]]の[[ライブラリー]]や[[Webサーバー]]などで、 [[URI雛形]]が使われていることもあります。

[7] [CITE@en[So you need a template engine..]] ([TIME[2013-06-08 20:52:00 +09:00]] 版) <http://garann.github.io/template-chooser/>

[8] [CITE[Using type inference to make web templates robust against XSS]]
([TIME[2015-03-06 07:35:05 +09:00]] 版)
<https://js-quasis-libraries-and-repl.googlecode.com/svn/trunk/safetemplate.html>

[FIG(quote)[
[FIGCAPTION[
[9] [CITE@en[straker/html-tagged-template: Proposal to improve the DOM creation API so developers have a cleaner, simpler interface to DOM creation and manipulation.]]
([TIME[2016-03-11 15:26:32 +09:00]] 版)
<https://github.com/straker/html-tagged-template/>
]FIGCAPTION]

> Improve the DOM creation API so developers have a cleaner, simpler interface to DOM creation and manipulation.

]FIG]

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)