You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
234 lines
12 KiB
234 lines
12 KiB
<?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>
|