Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Test cases added. Fixed inconsistency with colors for deprecated tags.

  • Loading branch information...
commit 4b054bbc38ec64c0d8a8ff19a0537d71a10b4937 1 parent 06a39de
Brian authored
8 debugCSS.css
@@ -227,10 +227,14 @@ font:after {
227 227
228 228 /* These may not be "wrong", but let's bug you anyway. */
229 229 b:after,
230   -i:after,
  230 +i:after {
  231 + background: green;
  232 + content: 'Should you be using STRONG or EM?';
  233 +}
  234 +
231 235 blink:after,
232 236 marquee:after {
233   - background: green;
  237 + background: yellow;
234 238 content: 'Should you be using STRONG or EM?';
235 239 }
236 240
289 playgrounds/accessibility.html
... ... @@ -0,0 +1,289 @@
  1 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3 +<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  4 +<head>
  5 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6 + <meta name="keywords" content="CSS, CSS Development, Web Development, Cascading Style Sheets, Web Styles" />
  7 + <meta name="description" content="debugCSS: (X)HTML debugging tool built with CSS" />
  8 + <title>debugCSS : (X)HTML debugging tool built with CSS</title>
  9 + <style type="text/css">
  10 + html,
  11 + body,
  12 + div,
  13 + span,
  14 + h1,
  15 + h2,
  16 + h3,
  17 + h4,
  18 + h5,
  19 + h6,
  20 + p,
  21 + pre,
  22 + a,
  23 + code,
  24 + em,
  25 + dl,
  26 + dt,
  27 + dd,
  28 + ol,
  29 + ul,
  30 + li {
  31 + border: 0;
  32 + font-family: inherit;
  33 + font-size: 100%;
  34 + font-style: inherit;
  35 + font-weight: inherit;
  36 + margin: 0;
  37 + outline: 0;
  38 + padding: 0;
  39 + vertical-align: baseline;
  40 + }
  41 +
  42 + :focus {
  43 + outline: #000 dotted thin;
  44 + }
  45 +
  46 + a {
  47 + color: #286EA0;
  48 + text-decoration: none;
  49 + }
  50 +
  51 + a:hover {
  52 + text-decoration: underline;
  53 + }
  54 +
  55 + a:visited {
  56 + color: #6B899F;
  57 + }
  58 +
  59 + body {
  60 + background: #FFF;
  61 + color: #000;
  62 + font-family: helvetica;
  63 + line-height: 1.3;
  64 + }
  65 +
  66 + ol,
  67 + ul {
  68 + list-style: none;
  69 + }
  70 +
  71 + p,
  72 + pre,
  73 + .mod li {
  74 + margin: .5em 0;
  75 + }
  76 +
  77 + code,
  78 + pre {
  79 + font-family: monospace;
  80 + }
  81 +
  82 + pre {
  83 + border: 1px solid #CCC;
  84 + -moz-border-radius: .5em;
  85 + -webkit-border-radius: .5em;
  86 + border-radius: .5em;
  87 + padding: .5em;
  88 + }
  89 +
  90 + pre:hover {
  91 + background-color: #EAEAEA;
  92 + -moz-box-shadow: 3px 3px 5px rgba(17,17,17,.1);
  93 + -webkit-box-shadow: 3px 3px 5px rgba(17,17,17,.1);
  94 + box-shadow: 3px 3px 5px rgba(17,17,17,.1);
  95 + }
  96 +
  97 + dl {
  98 + margin-bottom: .5em;
  99 + }
  100 +
  101 + dt {
  102 + font-weight: bold;
  103 + margin-top: .5em;
  104 + }
  105 +
  106 + dd {
  107 + text-indent: 2em;
  108 + }
  109 +
  110 + .wrapper {
  111 + margin: 1em auto;
  112 + max-width: 1280px;
  113 + min-width: 640px;
  114 + width: 80%;
  115 + }
  116 +
  117 + #hd h1 {
  118 + font-size: 2em;
  119 + text-shadow: 3px 3px 5px rgba(17,17,17,.1);
  120 + }
  121 +
  122 + .mod .hd h3 {
  123 + border-bottom: 1px solid #CCC;
  124 + font-size: 1.5em;
  125 + margin-bottom: .5em;
  126 + text-shadow: 3px 3px 5px rgba(17,17,17,.1);
  127 + }
  128 +
  129 + #hd,
  130 + .mod {
  131 + margin-bottom: 3em;
  132 + }
  133 +
  134 + cite {
  135 + font-style: italic;
  136 + }
  137 +
  138 + #install .bd a.install {
  139 + background: #4970A7;
  140 + background-image: -moz-linear-gradient(top, #4B71A9 0%, #2A5797 50%, #235293 54%, #14468B 100%);
  141 + background-image: -webkit-linear-gradient(top, #4B71A9 0%, #2A5797 50%, #235293 54%, #14468B 100%);
  142 + border: 1px solid #14468B;
  143 + -moz-border-radius: 3px;
  144 + -webkit-border-radius: 3px;
  145 + border-radius: 3px;
  146 + -moz-box-shadow: 0px 1px 1px rgba(242, 242, 242, 0.7);
  147 + -webkit-box-shadow: 0px 1px 1px rgba(242, 242, 242, 0.7);
  148 + box-shadow: 0px 1px 1px rgba(242, 242, 242, 0.7);
  149 + color: #FFF;
  150 + cursor: pointer;
  151 + display: block;
  152 + *display: inline;
  153 + padding: 1em;
  154 + text-align: center;
  155 + width: 5em;
  156 + zoom: 1;
  157 + }
  158 +
  159 + .mod ul {
  160 + list-style: disc outside none;
  161 + padding-left: 3em;
  162 + }
  163 +
  164 + #playground li {
  165 + clear: left;
  166 + margin-top: 20px;
  167 + }
  168 +
  169 + #playground table,
  170 + #playground th,
  171 + #playground td {
  172 + border: 1px dotted #000;
  173 + }
  174 +
  175 + #playground h4 {
  176 + font-weight: bold;
  177 + }
  178 + </style>
  179 +
  180 + <script>
  181 + var fileSource = '../debugCss.css'; //'//imbrianj.github.com/debugCSS/debugCSS.css';
  182 + </script>
  183 +</head>
  184 +<body>
  185 +
  186 + <a href="https://github.com/yahoo/debugCSS"><img alt="Fork me on GitHub" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" style="position: absolute; top: 0; right: 0; border: 0;"></a>
  187 + <div class="wrapper">
  188 + <div id="hd">
  189 + <h1>debugCSS : (X)HTML debugging tool built with CSS</h1>
  190 + </div>
  191 + <div id="bd">
  192 + <div class="mod" id="summary">
  193 + <div class="hd">
  194 +
  195 + <h3>Summary</h3>
  196 + </div>
  197 + <div class="bd">
  198 + <p>
  199 + debugCSS is meant to be loaded on an existing page to highlight potentially broken, malformed or legacy (X)HTML.
  200 + </p>
  201 + <p>
  202 + Not all "errors" are created equally, so they are color coded to highlight severity. Green is "probably not a big problem", yellow is "worth looking at" and red is "you really should fix this."
  203 + </p>
  204 +
  205 + </div>
  206 + </div>
  207 + <div class="mod" id="install">
  208 + <div class="hd">
  209 + <h3>Install</h3>
  210 + </div>
  211 + <div class="bd">
  212 + <p>
  213 +
  214 + Click and drag the link below to your bookmark toolbar to install - or right click "Bookmark This Link".
  215 + </p>
  216 + <a href="javascript:(function(d,i,l){l=d.getElementById(i);if(l){l.parentNode.removeChild(l);return;}l=d.createElement('link');l.id=i;l.rel='stylesheet';l.type='text/css';l.href=fileSource;d.getElementsByTagName('head')[0].appendChild(l);}(document,'debugCSS'))" class="install">debugCSS</a>
  217 + <p>
  218 + Get the source code on GitHub : <a href="https://github.com/yahoo/debugCSS">yahoo/debugCSS</a>
  219 + </p>
  220 + </div>
  221 + </div>
  222 +
  223 + <div class="mod" id="playground">
  224 + <div class="hd">
  225 + <h3>Accessibility Playground</h3>
  226 + </div>
  227 + <div class="bd">
  228 + <ul>
  229 + <li>
  230 + <h4>img:not([alt])</h4>
  231 + <img src="https://secure.gravatar.com/avatar/cf776780e895d2c099f8fb13cb7c6af2?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-orgs.png" />
  232 + </li>
  233 + <li>
  234 + <h4>a:not([href])</h4>
  235 + <a>Link with no href</a>
  236 + </li>
  237 + <li>
  238 + <h4>a[href="#"]</h4>
  239 + <a href="#">Link with # href</a>
  240 + </li>
  241 + <li>
  242 + <h4>a[href*=javascript\:]</h4>
  243 + <a href="javascript:;">Link with javascript href</a>
  244 + </li>
  245 + <li>
  246 + <h4>a[onclick]</h4>
  247 + <a href="#blah" onclick="/* */">Link with onclick attribute</a>
  248 + </li>
  249 + <li>
  250 + <h4>a[onmouseover]</h4>
  251 + <a href="#blah" onmouseover="/* */">Link with onmouseover attribute</a>
  252 + </li>
  253 + <li>
  254 + <h4>a[onmouseout]</h4>
  255 + <a href="#blah" onmouseout="/* */">Link with onmouseout attribute</a>
  256 + </li>
  257 + <li>
  258 + <h4>label:not([for])</h4>
  259 + <label>Label without for attribute</label>
  260 + </li>
  261 + <li>
  262 + <h4>nav:not([role])</h4>
  263 + <nav>Nav without role attribute</nav>
  264 + </li>
  265 + <li>
  266 + <h4>div[role="img"]:not([aria-label])</h4>
  267 + <div role="img">Div with img role and no aria-label</div>
  268 + </li>
  269 + <li>
  270 + <h4>form > *:not(fieldset)</h4>
  271 + <form>
  272 + <span>Form has no fieldset</span>
  273 + </form>
  274 + </li>
  275 + <li>
  276 + <h4>fieldset *:not(legend):first-child</h4>
  277 + <form>
  278 + <fieldset>
  279 + <h5>First child of a fieldset is not a legend</h5>
  280 + </fieldset>
  281 + </form>
  282 + </li>
  283 + </ul>
  284 + </div>
  285 + </div>
  286 + </div>
  287 + </div>
  288 +</body>
  289 +</html>
309 playgrounds/other.html
... ... @@ -0,0 +1,309 @@
  1 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3 +<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  4 +<head>
  5 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6 + <meta name="keywords" content="CSS, CSS Development, Web Development, Cascading Style Sheets, Web Styles" />
  7 + <meta name="description" content="debugCSS: (X)HTML debugging tool built with CSS" />
  8 + <title>debugCSS : (X)HTML debugging tool built with CSS</title>
  9 + <style type="text/css">
  10 + html,
  11 + body,
  12 + div,
  13 + span,
  14 + h1,
  15 + h2,
  16 + h3,
  17 + h4,
  18 + h5,
  19 + h6,
  20 + p,
  21 + pre,
  22 + a,
  23 + code,
  24 + em,
  25 + dl,
  26 + dt,
  27 + dd,
  28 + ol,
  29 + ul,
  30 + li {
  31 + border: 0;
  32 + font-family: inherit;
  33 + font-size: 100%;
  34 + font-style: inherit;
  35 + font-weight: inherit;
  36 + margin: 0;
  37 + outline: 0;
  38 + padding: 0;
  39 + vertical-align: baseline;
  40 + }
  41 +
  42 + :focus {
  43 + outline: #000 dotted thin;
  44 + }
  45 +
  46 + a {
  47 + color: #286EA0;
  48 + text-decoration: none;
  49 + }
  50 +
  51 + a:hover {
  52 + text-decoration: underline;
  53 + }
  54 +
  55 + a:visited {
  56 + color: #6B899F;
  57 + }
  58 +
  59 + body {
  60 + background: #FFF;
  61 + color: #000;
  62 + font-family: helvetica;
  63 + line-height: 1.3;
  64 + }
  65 +
  66 + ol,
  67 + ul {
  68 + list-style: none;
  69 + }
  70 +
  71 + p,
  72 + pre,
  73 + .mod li {
  74 + margin: .5em 0;
  75 + }
  76 +
  77 + code,
  78 + pre {
  79 + font-family: monospace;
  80 + }
  81 +
  82 + pre {
  83 + border: 1px solid #CCC;
  84 + -moz-border-radius: .5em;
  85 + -webkit-border-radius: .5em;
  86 + border-radius: .5em;
  87 + padding: .5em;
  88 + }
  89 +
  90 + pre:hover {
  91 + background-color: #EAEAEA;
  92 + -moz-box-shadow: 3px 3px 5px rgba(17,17,17,.1);
  93 + -webkit-box-shadow: 3px 3px 5px rgba(17,17,17,.1);
  94 + box-shadow: 3px 3px 5px rgba(17,17,17,.1);
  95 + }
  96 +
  97 + dl {
  98 + margin-bottom: .5em;
  99 + }
  100 +
  101 + dt {
  102 + font-weight: bold;
  103 + margin-top: .5em;
  104 + }
  105 +
  106 + dd {
  107 + text-indent: 2em;
  108 + }
  109 +
  110 + .wrapper {
  111 + margin: 1em auto;
  112 + max-width: 1280px;
  113 + min-width: 640px;
  114 + width: 80%;
  115 + }
  116 +
  117 + #hd h1 {
  118 + font-size: 2em;
  119 + text-shadow: 3px 3px 5px rgba(17,17,17,.1);
  120 + }
  121 +
  122 + .mod .hd h3 {
  123 + border-bottom: 1px solid #CCC;
  124 + font-size: 1.5em;
  125 + margin-bottom: .5em;
  126 + text-shadow: 3px 3px 5px rgba(17,17,17,.1);
  127 + }
  128 +
  129 + #hd,
  130 + .mod {
  131 + margin-bottom: 3em;
  132 + }
  133 +
  134 + cite {
  135 + font-style: italic;
  136 + }
  137 +
  138 + #install .bd a.install {
  139 + background: #4970A7;
  140 + background-image: -moz-linear-gradient(top, #4B71A9 0%, #2A5797 50%, #235293 54%, #14468B 100%);
  141 + background-image: -webkit-linear-gradient(top, #4B71A9 0%, #2A5797 50%, #235293 54%, #14468B 100%);
  142 + border: 1px solid #14468B;
  143 + -moz-border-radius: 3px;
  144 + -webkit-border-radius: 3px;
  145 + border-radius: 3px;
  146 + -moz-box-shadow: 0px 1px 1px rgba(242, 242, 242, 0.7);
  147 + -webkit-box-shadow: 0px 1px 1px rgba(242, 242, 242, 0.7);
  148 + box-shadow: 0px 1px 1px rgba(242, 242, 242, 0.7);
  149 + color: #FFF;
  150 + cursor: pointer;
  151 + display: block;
  152 + *display: inline;
  153 + padding: 1em;
  154 + text-align: center;
  155 + width: 5em;
  156 + zoom: 1;
  157 + }
  158 +
  159 + .mod ul {
  160 + list-style: disc outside none;
  161 + padding-left: 3em;
  162 + }
  163 +
  164 + #playground li {
  165 + clear: left;
  166 + margin-top: 20px;
  167 + }
  168 +
  169 + #playground table,
  170 + #playground th,
  171 + #playground td {
  172 + border: 1px dotted #000;
  173 + }
  174 +
  175 + #playground h4 {
  176 + font-weight: bold;
  177 + }
  178 + </style>
  179 +
  180 + <script>
  181 + var fileSource = '../debugCss.css'; //'//imbrianj.github.com/debugCSS/debugCSS.css';
  182 + </script>
  183 +</head>
  184 +<body>
  185 +
  186 + <a href="https://github.com/yahoo/debugCSS"><img alt="Fork me on GitHub" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" style="position: absolute; top: 0; right: 0; border: 0;"></a>
  187 + <div class="wrapper">
  188 + <div id="hd">
  189 + <h1>debugCSS : (X)HTML debugging tool built with CSS</h1>
  190 + </div>
  191 + <div id="bd">
  192 + <div class="mod" id="summary">
  193 + <div class="hd">
  194 +
  195 + <h3>Summary</h3>
  196 + </div>
  197 + <div class="bd">
  198 + <p>
  199 + debugCSS is meant to be loaded on an existing page to highlight potentially broken, malformed or legacy (X)HTML.
  200 + </p>
  201 + <p>
  202 + Not all "errors" are created equally, so they are color coded to highlight severity. Green is "probably not a big problem", yellow is "worth looking at" and red is "you really should fix this."
  203 + </p>
  204 +
  205 + </div>
  206 + </div>
  207 + <div class="mod" id="install">
  208 + <div class="hd">
  209 + <h3>Install</h3>
  210 + </div>
  211 + <div class="bd">
  212 + <p>
  213 +
  214 + Click and drag the link below to your bookmark toolbar to install - or right click "Bookmark This Link".
  215 + </p>
  216 + <a href="javascript:(function(d,i,l){l=d.getElementById(i);if(l){l.parentNode.removeChild(l);return;}l=d.createElement('link');l.id=i;l.rel='stylesheet';l.type='text/css';l.href=fileSource;d.getElementsByTagName('head')[0].appendChild(l);}(document,'debugCSS'))" class="install">debugCSS</a>
  217 + <p>
  218 + Get the source code on GitHub : <a href="https://github.com/yahoo/debugCSS">yahoo/debugCSS</a>
  219 + </p>
  220 + </div>
  221 + </div>
  222 +
  223 + <div class="mod" id="playground">
  224 + <div class="hd">
  225 + <h3>Other Playground</h3>
  226 + </div>
  227 + <div class="bd">
  228 + <ul>
  229 + <li>
  230 + <h4>h1 div</h4>
  231 + <h1><div>Div within header</div</h1>
  232 + <p>
  233 + Note: Similarly, h2 - h6 are applicable
  234 + </p>
  235 + </li>
  236 + <li>
  237 + <h4>a div</h4>
  238 + <a href="#blah"><div>Block level element within anchor</div></a>
  239 + </li>
  240 + <li>
  241 + <h4>span div</h4>
  242 + <span><div>Block level element within anchor</div></span>
  243 + </li>
  244 + <li>
  245 + <h4>html[xmlns] a h1</h4>
  246 + <a href="#blah"><h1>Block level element within anchor</h1></a>
  247 + <p>
  248 + Note: Similarly, h2 - h6 are applicable. Not applicable for HTML5, so filtering for XHTML.
  249 + </p>
  250 + </li>
  251 + <li>
  252 + <h4>ol > *:not(li)</h4>
  253 + <ol>
  254 + <h5>Header does not belong here</h5>
  255 + <li>List</li>
  256 + <li>Item</li>
  257 + </ol>
  258 + </li>
  259 + <li>
  260 + <h4>ul > *:not(li)</h4>
  261 + <ol>
  262 + <h5>Header does not belong here</h5>
  263 + <li>List</li>
  264 + <li>Item</li>
  265 + </ol>
  266 + </li>
  267 + <li>
  268 + <h4>dl > *:not(dt):not(dd)</h4>
  269 + <dl>
  270 + <h5>Header does not belong here</h5>
  271 + <dt>Term</dt>
  272 + <dd>Definition</dd>
  273 + </dl>
  274 + </li>
  275 + <li>
  276 + <h4>center</h4>
  277 + <center>Deprecated tag</center>
  278 + </li>
  279 + <li>
  280 + <h4>u</h4>
  281 + <u>Deprecated tag</u>
  282 + </li>
  283 + <li>
  284 + <h4>font</h4>
  285 + <font>Deprecated tag</font>
  286 + </li>
  287 + <li>
  288 + <h4>b</h4>
  289 + <b>Deprecated tag</b>
  290 + </li>
  291 + <li>
  292 + <h4>i</h4>
  293 + <i>Deprecated tag</i>
  294 + </li>
  295 + <li>
  296 + <h4>blink</h4>
  297 + <blink>Deprecated tag</blink>
  298 + </li>
  299 + <li>
  300 + <h4>marquee</h4>
  301 + <marquee>Deprecated tag</marquee>
  302 + </li>
  303 + </ul>
  304 + </div>
  305 + </div>
  306 + </div>
  307 + </div>
  308 +</body>
  309 +</html>
110 playgrounds/tables.html
@@ -227,6 +227,110 @@
227 227 <div class="bd">
228 228 <ul>
229 229 <li>
  230 + <h4>table:not([summary])</h4>
  231 + <table>
  232 + <thead>
  233 + <tr><th scope="col">I'm</th><th scope="col">a</th><th scope="col">table</th></tr>
  234 + </thead>
  235 + <tfoot></tfoot>
  236 + <tbody>
  237 + <tr><td>no</td><td>table</td><td>summary</td></tr>
  238 + <tr><td>please</td><td>test</td><td>me.</td></tr>
  239 + </tbody>
  240 + </table>
  241 + </li>
  242 + <li>
  243 + <h4>table > tr</h4>
  244 + <table summary="my table summary">
  245 + <tr><td>no</td><td>table</td><td>body</td></tr>
  246 + <tr><td>please</td><td>test</td><td>me.</td></tr>
  247 + </table>
  248 + </li>
  249 + <li>
  250 + <h4>table th:not([scope])</h4>
  251 + <table summary="my table summary">
  252 + <thead>
  253 + <tr><th>I'm</th><th>a</th><th>table</th></tr>
  254 + </thead>
  255 + <tfoot></tfoot>
  256 + <tbody>
  257 + <tr><td>no</td><td>tr</td><td>scope</td></tr>
  258 + <tr><td>please</td><td>test</td><td>me.</td></tr>
  259 + </tbody>
  260 + </table>
  261 + </li>
  262 + <li>
  263 + <h4>table thead td</h4>
  264 + <table summary="my table summary">
  265 + <thead>
  266 + <tr><td scope="col">I'm</td><td scope="col">a</td><td scope="col">table</td></tr>
  267 + </thead>
  268 + <tfoot></tfoot>
  269 + <tbody>
  270 + <tr><td>td</td><td>in</td><td>thead</td></tr>
  271 + <tr><td>please</td><td>test</td><td>me.</td></tr>
  272 + </tbody>
  273 + </table>
  274 + </li>
  275 + <li>
  276 + <h4>table > tbody:first-child</h4>
  277 + <table summary="my table summary">
  278 + <tbody>
  279 + <tr><th scope="col">I'm</th><th scope="col">a</th><th scope="col">table</th></tr>
  280 + <tr><td>no</td><td>thead</td><td>tfoot</td></tr>
  281 + <tr><td>please</td><td>test</td><td>me.</td></tr>
  282 + </tbody>
  283 + </table>
  284 + </li>
  285 + <li>
  286 + <h4>table > tbody + tfoot</h4>
  287 + <table summary="my table summary">
  288 + <thead>
  289 + <tr><td scope="col">I'm</td><td scope="col">a</td><td scope="col">table</td></tr>
  290 + </thead>
  291 + <tbody>
  292 + <tr><td>tfoot</td><td>after</td><td>tbody</td></tr>
  293 + <tr><td>please</td><td>test</td><td>me.</td></tr>
  294 + </tbody>
  295 + <tfoot>
  296 + <tr><td>tfoot</td><td>should come before</td></td><td>
  297 + </tfoot>
  298 + </table>
  299 + </li>
  300 + <li>
  301 + <h4>table > tr:first-child:last-child</h4>
  302 + <table summary="my table summary">
  303 + <tr><td>Only one</td><td>tr</td><td>in a table</td></tr>
  304 + </table>
  305 + </li>
  306 + <li>
  307 + <h4>table > tbody > tr:first-child:last-child</h4>
  308 + <table summary="my table summary">
  309 + <thead>
  310 + <tr><th scope="col">I'm</th><th scope="col">a</th><th scope="col">table</th></tr>
  311 + </thead>
  312 + <tbody>
  313 + <tr><td>Only one</td><td>tr</td><td>in a tbody</td></tr>
  314 + </tbody>
  315 + </table>
  316 + </li>
  317 + <li>
  318 + <h4>table > *:not(thead):not(tfoot):not(tbody):not(tr):not(colgroup):not(caption)</h4>
  319 + <p>
  320 + Note: this test may always pass as most browsers seem to move the non-valid tags outside the table element.
  321 + </p>
  322 + <table summary="my table summary">
  323 + <h5>This header doesn't belong here</h5>
  324 + <thead>
  325 + <tr><th scope="col">I'm</th><th scope="col">a</th><th scope="col">table</th></tr>
  326 + </thead>
  327 + <tbody>
  328 + <tr><td>non-valid tag</td><td>as child</td><td>of table</td></tr>
  329 + <tr><td>please</td><td>test</td><td>me.</td></tr>
  330 + </tbody>
  331 + </table>
  332 + </li>
  333 + <li>
230 334 <h4>table[align]</h4>
231 335 <table
232 336 align="left"
@@ -240,7 +344,6 @@
240 344 <tr><td>please</td><td>test</td><td>me.</td></tr>
241 345 </tbody>
242 346 </table>
243   - <caption>My table's caption</caption>
244 347 </li>
245 348 <li>
246 349 <h4>table[bgcolor]</h4>
@@ -256,7 +359,6 @@
256 359 <tr><td>please</td><td>test</td><td>me.</td></tr>
257 360 </tbody>
258 361 </table>
259   - <caption>My table's caption</caption>
260 362 </li>
261 363 <li>
262 364 <h4>table[border]</h4>
@@ -272,7 +374,6 @@
272 374 <tr><td>please</td><td>test</td><td>me.</td></tr>
273 375 </tbody>
274 376 </table>
275   - <caption>My table's caption</caption>
276 377 </li>
277 378 <li>
278 379 <h4>table[cellpadding]</h4>
@@ -288,7 +389,6 @@
288 389 <tr><td>please</td><td>test</td><td>me.</td></tr>
289 390 </tbody>
290 391 </table>
291   - <caption>My table's caption</caption>
292 392 </li>
293 393 <li>
294 394 <h4>table[cellspacing]</h4>
@@ -304,7 +404,6 @@
304 404 <tr><td>please</td><td>test</td><td>me.</td></tr>
305 405 </tbody>
306 406 </table>
307   - <caption>My table's caption</caption>
308 407 </li>
309 408 <li>
310 409 <h4>table[width]</h4>
@@ -320,7 +419,6 @@
320 419 <tr><td>please</td><td>test</td><td>me.</td></tr>
321 420 </tbody>
322 421 </table>
323   - <caption>My table's caption</caption>
324 422 </li>
325 423 </ul>
326 424 </div>

0 comments on commit 4b054bb

Please sign in to comment.
Something went wrong with that request. Please try again.