web-templating-language.html
11.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
@import "/QA/2006/01/blogstyle.css";
</style>
<meta name="keywords" content='authoring, cms, editing, html, structure, template' />
<meta name="description" content="Structure editing of Web pages is not a simple task. XTiger is a language for authoring Web content including rich information such as microformats and RDFa. Try it." />
<meta name="revision" content="$Id: web-templating-language.html,v 1.56 2011/12/16 03:02:44 gerald Exp $" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="http://www.w3.org/QA/atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="http://www.w3.org/QA/news.rss" />
<title>Templating Language for Authoring Tools - W3C Blog</title>
<link rel="start" href="http://www.w3.org/QA/" title="Home" />
<link rel="prev" href="http://www.w3.org/QA/2008/02/w3c_working_across_multiple_la.html" title="W3C working across multiple languages" />
<link rel="next" href="http://www.w3.org/QA/2008/03/html-charset.html" title="Character encoding in HTML" />
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://www.w3.org/QA/2008/03/web-templating-language.html"
trackback:ping="http://www.w3.org/QA/sununga/mt-tb.cgi/142"
dc:title="Templating Language for Authoring Tools"
dc:identifier="http://www.w3.org/QA/2008/03/web-templating-language.html"
dc:subject="HTML"
dc:description="Structure editing of Web pages is not a simple task. XTiger is a language for authoring Web content including rich information such as microformats and RDFa. Try it."
dc:creator="Karl Dubost"
dc:date="2008-03-10T07:06:20+00:00" />
</rdf:RDF>
-->
<!-- <script type="text/javascript" src="http://www.w3.org/QA/mt.js"></script>-->
</head>
<body class="layout-one-column">
<div id="banner">
<h1 id="title">
<a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
W3C Blog
</h1>
</div>
<ul class="navbar" id="menu">
<li><strong><a href="/QA/" title="W3C Blog Home">[ W3C Blog ]</a></strong></li>
<li><a href="/QA/Library/" title="Documents and Publications on Web and Quality">Documents</a></li>
<li><a href="/QA/Tools/" accesskey="3" title="Validators and other Tools">Tools</a></li>
<li><a href="/2007/12/qa-blog-help/index#feedback">Feedback</a></li>
</ul>
<div id="searchbox">
<form method="get" action="http://www.google.com/custom" enctype="application/x-www-form-urlencoded">
<p id="formbox"><input type="text" size="15" class="textfield" name="q" accesskey="E" maxlength="255" /> <input type="submit" class="submitfield" value="Search" id="goButton" name="sa" accesskey="G" /> <input type="hidden" name="cof" value="T:black;LW:72;ALC:#ff3300;L:http://www.w3.org/Icons/w3c_home;LC:#000099;LH:48;BGC:white;AH:left;VLC:#660066;GL:0;AWFID:0b9847e42caf283e;" /><input type="hidden" id="searchW3C" name="sitesearch" checked="checked" value="www.w3.org/QA" /><input type="hidden" name="domains" value="www.w3.org/QA" /></p>
</form>
</div>
<div id="main"><!-- This DIV encapsulates everything in this page - necessary for the positioning -->
<p class="content-nav">
<a href="http://www.w3.org/QA/2008/02/w3c_working_across_multiple_la.html">« W3C working across multiple languages</a> |
<a href="http://www.w3.org/QA/">Main</a>
| <a href="http://www.w3.org/QA/2008/03/html-charset.html">Character encoding in HTML »</a>
</p>
<h2 class="entry-header">Templating Language for Authoring Tools</h2>
<div class="entry-body">
<p>wysiwyg (what you see is what you get) authoring tools are very rarely wysiwym (what you see is what you mean) tools. When reading a book we leverage the meaning from the layout and the style of the text. We know that this little number at the bottom right is the number of the page, and not part of the flow of the text. Computers don't.</p>
<p>Computers are dumb. Really they are. When we want to have a richer experience with an Web page either on the Web or in a more local context, we need to put extra information inside the page. For example, we will specify that this bit of text in the page is a postal address or a date for an event. </p>
<p>Humans want to have fun. It's why they create tools. With appropriate tools, we avoid to spend too much time on things we don't like. The only way to input an extra information in a Web page without pain is to use a mechanism (like a form). Behind the form a mechanism handles the generation of the appropriate markup in the page. It is called <strong>Structured Editing</strong>.</p>
<p>Many Content Management System have specific markup languages for defining templates of all sorts. They are all different unfortunately. There is no common standard for this, which makes it challenging to deploy your templates in a new environment. A group at <a href="http://www.inria.fr/">INRIA</a> has created a language for templating and structured editing: <strong>XTiger</strong>. The language has been implemented in <a href="http://www.w3.org/Amaya/">Amaya</a>, a testbed platform for Web authoring technologies. For example, to create markup for editing <a href="http://microformats.org/">microformat</a> such as hCard.</p>
<pre><code><xt:component name="author">
<p class="vcard">
<span class="fn">
<xt:use types="string">Author name</xt:use>
</span>
<br/>
<span class="adr">
<xt:use types="string br">Address line 1<br/>
line 2...</xt:use>
</span>
<br/>
<span class="email">
<xt:use types="string">email</xt:use>
</span>
</p>
</xt:component>
</code></pre>
<p>If you want to learn more about XTiger or better implement it, there are two very useful articles:</p>
<ul>
<li><a href="http://hal.inria.fr/inria-00193958">Templates, Microformats and Structured Editing</a></li>
<li><a href="http://hal.inria.fr/inria-00175582">Structured Templates for Authoring Semantically Rich Documents</a></li>
</ul>
<p>If you want to play with XTiger and actual authoring, you can download <a href="http://www.w3.org/Amaya/User/BinDist.html">Amaya</a> for Windows, MacOS X or Linux.</p>
<p>Enjoy!</p>
</div>
<div id="more" class="entry-more">
</div>
<p class="postinfo">Filed by <a href="http://www.w3.org/People/karl/">Karl Dubost</a> on March 10, 2008 7:06 AM in <a href="http://www.w3.org/QA/archive/technology/html/">HTML</a>, <a href="http://www.w3.org/QA/archive/w3cqa_news/tools/">Tools</a>, <a href="http://www.w3.org/QA/archive/web_spotting/tutorials/">Tutorials</a><br />
<span class="separator">|</span> <a class="permalink" href="http://www.w3.org/QA/2008/03/web-templating-language.html">Permalink</a>
| <a href="http://www.w3.org/QA/2008/03/web-templating-language.html#comments">Comments (0)</a>
| <a href="http://www.w3.org/QA/2008/03/web-templating-language.html#trackback">TrackBacks (0)</a>
</p>
<div class="comments-open" id="comments-open">
<h3 class="comments-open-header">Leave a comment</h3>
<div class="comments-open-moderated">
<p>
Note: this blog is intended to foster <strong>polite
on-topic discussions</strong>. Comments failing these
requirements and spam will not get published. Please,
enter your real name and email address. Every
individual comment is reviewed by the W3C staff.
This may take some time, thank you for your patience.
</p>
<p>
You can use the following HTML markup (a href, b, i,
br/, p, strong, em, ul, ol, li, blockquote, pre)
and/or <a href="http://daringfireball.net/projects/markdown/syntax">Markdown syntax</a>.</p>
</div>
<div id="comments-open-data">
<form method="post" action="http://www.w3.org/QA/sununga/beach.pl" id="comments-form">
<h4>Your comment</h4>
<div id="comments-open-text">
<textarea id="comment-text" name="text" rows="20" cols="100"></textarea><br />
<label for="comment-text">Write your comment text here. Remember, keep the discussion on topic and courteous.</label>
</div>
<h4>About you</h4>
<div id="comment-form-name">
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="152" />
<input type="hidden" name="__lang" value="en" />
<label for="comment-author">Your Name</label>
<input id="comment-author" name="author" size="30" value="" />
</div>
<div id="comment-form-email">
<label for="comment-email">Your Email Address</label>
<input id="comment-email" name="email" size="30" value="" />
</div>
<div id="comments-open-footer">
<input type="submit" accesskey="s" name="post" id="comment-submit" value="Submit" />
</div>
</form>
</div>
</div>
<p id="gentime">This page was last generated on $Date: 2011/12/16 03:02:44 $</p>
</div><!-- End of "main" DIV. -->
<address>
This blog is written by W3C staff and working group participants,<br />
and maintained by <a href="/People/CMercier/">Coralie Mercier</a>.<br />
Authorized parties may <a href="/QA/new">log in</a> to create a new entry.<br/>
<span id="poweredby">Powered by Movable Type, magpierss and a lot of Web Technology</span>
</address>
<p class="copyright">
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1994-2011
<a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>®
(<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
<a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
<a href="http://www.keio.ac.jp/">Keio</a>),
All Rights Reserved.
W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a>
rules apply. Your interactions with this site are in accordance
with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and
<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
statements.
</p>
</body>
</html>