setting-default-style-sheet.html
12.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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<?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='css, html, http, tutorial' />
<meta name="description" content="Very often Web creators are using an external style sheet, or a style element to add style information to their html pages. By doing, we specify what is the style language used in the Web page. For example using the..." />
<meta name="revision" content="$Id: setting-default-style-sheet.html,v 1.70 2011/12/16 02:58:33 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>Setting the default style sheet language on your Web site - W3C Blog</title>
<link rel="start" href="http://www.w3.org/QA/" title="Home" />
<link rel="prev" href="http://www.w3.org/QA/2007/09/video-on-the-web.html" title="Video on the Web" />
<link rel="next" href="http://www.w3.org/QA/2007/10/w3c-meets-web-community.html" title="TPAC 2007 - W3C meets the Web community" />
<!--
<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/2007/09/setting-default-style-sheet.html"
trackback:ping="http://www.w3.org/QA/sununga/mt-tb.cgi/74"
dc:title="Setting the default style sheet language on your Web site"
dc:identifier="http://www.w3.org/QA/2007/09/setting-default-style-sheet.html"
dc:subject="HTML"
dc:description="Very often Web creators are using an external style sheet, or a style element to add style information to their html pages. By doing, we specify what is the style language used in the Web page. For example using the..."
dc:creator="Karl Dubost"
dc:date="2007-09-27T06:45:11+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/2007/09/video-on-the-web.html">« Video on the Web</a> |
<a href="http://www.w3.org/QA/">Main</a>
| <a href="http://www.w3.org/QA/2007/10/w3c-meets-web-community.html">TPAC 2007 - W3C meets the Web community »</a>
</p>
<h2 class="entry-header">Setting the default style sheet language on your Web site</h2>
<div class="entry-body">
<p>Very often Web creators are using an external style sheet, or a style element to add style information to their html pages. By doing, we specify what is the style language used in the Web page. For example using the `link` element.</p>
<pre class="html"><code><link href="cute.css" rel="stylesheet" type="text/css"/></code></pre>
<p>But if your page is using the <code>style</code> attribute, the user agent may not know what is the language used for styling. This is a <a href="http://www.w3.org/TR/webarch/#orthogonal-specs">principle of orthogonality</a>. A company could launch a user agent with a new style language and a new mime-type. It will be difficult to impose and ensure interoperability because of the deployment base, but it is still possible.</p>
<p>If you want to <a href="">set up a default style sheet language</a> for your Web site, there are a few choices. You can use a meta name in each of your page:</p>
<pre class="html"><code><meta http-equiv="Content-Style-Type" content="text/css"/>
</code></pre>
<p>or you can specify an HTTP header:</p>
<pre class="html"><code>Content-Style-Type: text/css
</code></pre>
<p>With <a href="http://httpd.apache.org/">Apache http server 2.0</a>, you can use <a href="http://httpd.apache.org/docs/2.0/mod/mod_headers.html">mod_headers</a> and <a href="http://httpd.apache.org/docs/2.0/mod/mod_setenvif.html">mod_setenvif</a> in the general configuration file or at a directory level in <code>.htaccess</code>:</p>
<pre class="html"><code>SetEnvIf response Content-Type [text/html|application/xhtml+xml] html-content=1
Header add "Content-Style-Type: text/css" env=html-content
</code></pre>
<p>PS: mod_headers and mod_setenvif are not activated in the base configuration of Apache httpd, you have to activate them.</p>
<p>Examples given for xhtml documents served as <code>application/xhtml+xml</code></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 September 27, 2007 6:45 AM in <a href="http://www.w3.org/QA/archive/technology/css/">CSS</a>, <a href="http://www.w3.org/QA/archive/technology/html/">HTML</a>, <a href="http://www.w3.org/QA/archive/technology/http/">HTTP</a>, <a href="http://www.w3.org/QA/archive/w3cqa_news/technology_101/">Technology 101</a><br />
<span class="separator">|</span> <a class="permalink" href="http://www.w3.org/QA/2007/09/setting-default-style-sheet.html">Permalink</a>
| <a href="http://www.w3.org/QA/2007/09/setting-default-style-sheet.html#comments">Comments (3)</a>
| <a href="http://www.w3.org/QA/2007/09/setting-default-style-sheet.html#trackback">TrackBacks (0)</a>
</p>
<h3 class="comments-header" id="comments">Comments</h3>
<div class="comment" id="comment-68393">
<p class="comment-meta" id="c068393">
<span class="comment-meta-author"><strong>David Dorward </strong></span>
<span class="comment-meta-date"><a href="#c068393">#</a> 2007-09-27</span>
</p>
<div class="comment-bulk">
<p>It is probably worth fixing the code examples to make them conform to Appendix C of XHTML 1.0. The space before the / is missing.</p>
<p>I also suggest removing the word 'only' from second paragraph. Linking to a style sheet written in one language doesn't mean that the style attributes are going to be using the same language, does it?</p>
<p>You might also want to link to <a href="http://www.w3.org/TR/html4/present/styles.html#h-14.2.1" rel="nofollow">the relevant section of the specification</a>.</p>
</div>
</div>
<div class="comment" id="comment-68517">
<p class="comment-meta" id="c068517">
<span class="comment-meta-author"><strong>karl dubost, w3c </strong></span>
<span class="comment-meta-date"><a href="#c068517">#</a> 2007-09-27</span>
</p>
<div class="comment-bulk">
<p>Hi David,</p>
<p>I have added a PS explaining the examples were XHTML served as application/xhtml+xml.</p>
<p>And fixed the only. Note that the user agents default to text/css anyway.</p>
</div>
</div>
<div class="comment" id="comment-185107">
<p class="comment-meta" id="c185107">
<span class="comment-meta-author"><strong>Jitendra Vyas </strong></span>
<span class="comment-meta-date"><a href="#c185107">#</a> 2009-11-26</span>
</p>
<div class="comment-bulk">
<p>so no need to do this if i'm using content="text/html;</p>
</div>
</div>
<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="82" />
<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 02:58:33 $</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>