[mediaqueries] 'not', 'only', 'and', 'or' are invalid media types

Author: frivoal

mediaqueries/Overview.html

@@ -11,18 +11,33 @@
 
   <meta content="Media Queries Level 4" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2012-12-12 name=dcterms.issued>
-  <meta content="http://dev.w3.org/csswg/mediaqueries4/"
-   name=dcterms.creator>
+  <meta content=2013-06-14 name=dcterms.date>
+  <meta content="Florian Rivoal" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
-  <meta content="http://www.w3.org/TR/2012/ED-mediaqueries4-20121212/"
+  <meta content="http://dev.w3.org/csswg/mediaqueries4/"
    name=dcterms.identifier>
   <link href="#contents" rel=contents>
   <link href="#index" rel=index>
   <link href="../default.css" rel=stylesheet type="text/css">
   <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
    type="text/css">
   <style type="text/css">
+    /* delete this block when you've cleared out all the .replaceme elements */
+    .replaceme {
+      border: solid red;
+      padding: 0 0.5em;
+      margin: 0 0.1em;
+      background: yellow;
+      color: green;
+    }
+    .replaceme:before {
+       content: "FIXME(";
+       color: black;
+    }
+    .replaceme:after {
+       content: ")";
+       color: black;
+    }
     blockquote { 
       background: #eef;
       padding: 0.5em;
@@ -40,12 +55,11 @@
 
    <h1 id=media-queries>Media Queries Level 4</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 December
-    2012</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 June 2013</h2>
 
    <dl>
     <dt>This version:
-     <!-- <dd><a href="http://www.w3.org/TR/2012/ED-mediaqueries4-20121212/">http://www.w3.org/TR/2012/ED-mediaqueries4-20121212/</a> -->
+     <!-- <dd><a href="http://dev.w3.org/csswg/mediaqueries4/">http://www.w3.org/TR/2013/ED-mediaqueries4-20130614/</a> -->
 
     <dd><a
      href="http://dev.w3.org/csswg/mediaqueries4/">http://dev.w3.org/csswg/mediaqueries4/</a>
@@ -71,9 +85,11 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 December
     <dt>Feedback:
 
     <dd><a
-     href="http://lists.w3.org/Archives/Public/www-style/">www-style@w3.org</a>
+     href="mailto:www-style@w3.org?subject=%5Bmediaqueries4%5D%20feedback">www-style@w3.org</a>
      with subject line “<kbd>[mediaqueries4] <var>… message topic
-     …</var></kbd>”
+     …</var></kbd>” (<a
+     href="http://lists.w3.org/Archives/Public/www-style/"
+     rel=discussion>archives</a>)
 
     <dt>Editors:
 
@@ -104,13 +120,14 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 December
    <!--begin-copyright-->
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
-    rel=license>Copyright</a> © 2012 <a href="http://www.w3.org/"><abbr
+    rel=license>Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr
     title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
     href="http://www.csail.mit.edu/"><abbr
     title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
     href="http://www.ercim.eu/"><abbr
     title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
-    <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
+    <a href="http://www.keio.ac.jp/">Keio</a>, <a
+    href="http://ev.buaa.edu.cn/">Beihang</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>
@@ -162,20 +179,22 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2>
    “mediaqueries4” in the subject, preferably like this:
    “[<!---->mediaqueries4<!---->] <em>…summary of comment…</em>”
 
-  <p>This document was produced by the <a href="/Style/CSS/members">CSS
-   Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
+  <p>This document was produced by the <a
+   href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part of
+   the <a href="http://www.w3.org/Style/">Style Activity</a>).
 
   <p>This document was produced by a group operating under the <a
-   href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
-   Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
+   href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February
+   2004 W3C Patent Policy</a>. W3C maintains a <a
+   href="http://www.w3.org/2004/01/pp-impl/32061/status"
    rel=disclosure>public list of any patent disclosures</a> made in
    connection with the deliverables of the group; that page also includes
    instructions for disclosing a patent. An individual who has actual
    knowledge of a patent which the individual believes contains <a
-   href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
+   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential
    Claim(s)</a> must disclose the information in accordance with <a
-   href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
-   W3C Patent Policy</a>.</p>
+   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
+   6 of the W3C Patent Policy</a>.</p>
   <!--end-status-->
 
   <h2 class="no-num no-toc" id=contents> Table of contents</h2>
@@ -636,7 +655,12 @@ <h3 id=error-handling><span class=secno>3.1. </span>Error Handling</h3>
    <li>
     <p><strong>Unknown media types.</strong> Unknown media types evaluate to
      false. Effectively, they are treated identically to known media types
-     that do not match the media type of the device.
+     that do not match the media type of the device. However, an exception is
+     made for media types ‘<code class=css>not</code>’, ‘<code
+     class=css>and</code>’, ‘<code class=css>only</code>’ and ‘<code
+     class=css>or</code>’. Even though they do match the IDENT production,
+     they must not be treated as unknown media types, but rather trigger the
+     malformed query clause.
 
     <div class=example>
      <p>The media query "<code>unknown</code>" will evaluate to false, unless
@@ -711,6 +735,14 @@ <h3 id=error-handling><span class=secno>3.1. </span>Error Handling</h3>
      <pre><code>@media all and(color) { … }</code></pre>
     </div>
 
+    <div class=example>
+     <p>The following is a malformed media query because it uses ‘<code
+      class=css>only</code>’ and ‘<code class=property>or</code>’ as
+      media types.
+
+     <pre><code>@media only and or { … }</code></pre>
+    </div>
+
     <p>Media queries are expected to follow the error handling rules of the
      host language as well.
 
@@ -1519,26 +1551,26 @@ <h3 class=no-num id=normative-references> Normative references</h3>
   <!-- Sorted by label -->
 
   <dl class=bibliography>
-   <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
+   <dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
 
    <dt id=CSS21>[CSS21]
 
    <dd>Bert Bos; et al. <a
-    href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
     Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June
     2011. W3C Recommendation. URL: <a
-    href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
    </dd>
    <!---->
 
    <dt id=CSS3VAL>[CSS3VAL]
 
    <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
-    href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS
-    Values and Units Module Level 3.</cite></a> 28 August 2012. W3C Candidate
+    href="http://www.w3.org/TR/2013/CR-css3-values-20130404/"><cite>CSS
+    Values and Units Module Level 3.</cite></a> 4 April 2013. W3C Candidate
     Recommendation. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a>
+    href="http://www.w3.org/TR/2013/CR-css3-values-20130404/">http://www.w3.org/TR/2013/CR-css3-values-20130404/</a>
    </dd>
    <!---->
 
@@ -1567,7 +1599,7 @@ <h3 class=no-num id=other-references> Other references</h3>
   <!-- Sorted by label -->
 
   <dl class=bibliography>
-   <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
+   <dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
 
    <dt id=HTML401>[HTML401]
@@ -1582,9 +1614,10 @@ <h3 class=no-num id=other-references> Other references</h3>
    <dt id=HTML5>[HTML5]
 
    <dd>Ian Hickson. <a
-    href="http://www.w3.org/TR/2011/WD-html5-20110525/"><cite>HTML5.</cite></a>
-    25 May 2011. W3C Working Draft. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2011/WD-html5-20110525/">http://www.w3.org/TR/2011/WD-html5-20110525/</a>
+    href="http://www.w3.org/TR/2012/CR-html5-20121217/"><cite>HTML5.</cite></a>
+    17 December 2012. W3C Candidate Recommendation. (Work in progress.) URL:
+    <a
+    href="http://www.w3.org/TR/2012/CR-html5-20121217/">http://www.w3.org/TR/2012/CR-html5-20121217/</a>
    </dd>
    <!---->
 

mediaqueries/Overview.src.html

@@ -444,7 +444,10 @@ <h3>Error Handling</h3>
  <li>
   <p><strong>Unknown media types.</strong> Unknown media types evaluate to
   false. Effectively, they are treated identically to known media types
-  that do not match the media type of the device.</p>
+  that do not match the media type of the device. However, an exception is made
+  for media types ''not'', ''and'', ''only'' and ''or''. Even though they do
+  match the IDENT production, they must not be treated as unknown media types,
+  but rather trigger the malformed query clause.</p>
 
   <div class="example">
    <p>The media query "<code>unknown</code>" will evaluate to false, unless
@@ -516,6 +519,11 @@ <h3>Error Handling</h3>
    <pre><code>@media all and(color) { &hellip; }</code></pre>
   </div>
 
+  <div class="example">
+    <p>The following is a malformed media query because it uses ''only'' and 'or' as media types.</p>
+    <pre><code>@media only and or { &hellip; }</code></pre>
+  </div>
+
   <p>Media queries are expected to follow the error handling rules of the
   host language as well.</p>