<p>i'm looking at the W3Schools demo of using the <code><COL></code> element to align columns:</p> <pre class="prettyprint"><code><table width="100%" border="1"> <col align="left" /> <col align="left" /> <col align="right" /> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table> </code></pre> <p>And browser's rendering of it is not encouraging:</p> <p>Chrome (10.0.648.127):<br><img src="https://i.stack.imgur.com/mEmdi.png" alt="enter image description here"></p> <p>FireFox (3.6.8):<br><img src="https://i.stack.imgur.com/x1Y81.png" alt="enter image description here"></p> <p>Internet Explorer 9 (standards mode):<br><img src="https://i.stack.imgur.com/DsZHT.png" alt="enter image description here"></p> <p>Internet Explorer 8 (standards mode):<br><img src="https://i.stack.imgur.com/6ZMZj.png" alt="enter image description here"></p> <p>Internet Explorer 7 (standards mode):<br><img src="https://i.stack.imgur.com/7g4cq.png" alt="enter image description here"></p> <p>Internet Explorer (quirks mode): <img src="https://i.stack.imgur.com/WRad5.png" alt="enter image description here"></p> <p>It's interesting to note that <code><COL align></code> <strong>used</strong> to work in browsers, and the feature was <em>taken away</em> in ie8. (And Chrome, with position of being the arbiter of all things perfect, doesn't support it.) </p> <p>This makes me wonder if <code><COL align></code> is something that's not <strong>supposed</strong> to work.</p> <p>Has <code><COL align></code> been deprecated?</p> <hr> <h3>Update One</h3> <p>i understand that it hasn't been formally deprecated. But the fact that browsers <strong>used</strong> to support it, then <strong>stopped</strong> supporting it makes me believe that there is some historical story that i'm missing. i assume the intentional removal of <code>col align</code> support from IE, and the continued lack of support from other browsers, indicates something is going on.</p> <h3>Update Two</h3> <p>i was mistakenly assuming lack of support for all features of <code><COL></code> meant <code><COL></code> itself isn't supported. i mistakenly assumed that since the only attribute i was trying wasn't working: that the element wasn't working. This was my mistake; and in hindsight i <strong>should</strong> have asked if "COL align" is deprecated (which it is). </p> <p>In my defense i assumed an example would have been shown what wasn't working "anymore".</p> <h3>See also</h3> <ul> <li>Web Design Group: COL - Table Column</li> <li>W3Schools: HTML <code><col></code> tag</li> <li>HTML 4.01 - The <code>col</code> element</li> </ul>

<p>Yes, the <code>align</code> attribute of <code><col /></code> no longer appears in HTML5. Says the spec!</p> <p>Also, it's worth noting that you can't achieve a similar result using CSS on the <code><col /></code> tag. The <code>style</code> attribute (or induced style from <code>id</code>, <code>class</code>, etc.) only takes into account properties that sensibly apply to the column itself. That is, while each <code><td /></code> can contain text content and thus can have attributes like <code>text-align</code> set, the <code><col /></code> element does not contain text and thus none of the text-level styles apply. (Block-level stuff like <code>background-color</code> still works.)</p> <p>However, in basic cases not involving <code>colspan</code> or <code>rowspan</code>, you can select blocks of <code><td /></code>s (and thus "columns" in a sense) by using the CSS pseudo-class <code>:nth-of-type</code>. E.g. to center the third column of the table with class <code>c3</code> use</p> <pre class="prettyprint"><code>table.c3 td:nth-of-type(3) { text-align: center; } </code></pre> <hr> <p><strong>Edit by OP:</strong></p> <p>From The HTML Standard:</p> <blockquote> <p>15 Obsolete features<br> 15.2 Non-conforming features </p> <p>The following attributes are obsolete (though the elements are still part of the language), and must not be used by authors: ...<br> align on col elements<br> ... </p> <p> Use CSS instead.</p> </blockquote> <p>The WHATWG wiki gives some recommended alternatives for various obsolete presentational attributes:</p> <blockquote> <pre class="prettyprint"><code>Attribute CSS equivalent ===================== ===================================== align on col elements 'text-align' on the appropriate td/th </code></pre> </blockquote>

<p>Try</p> <pre class="prettyprint"><code><!doctype html> <html> <head> <title>Table</title> <style> table.foo td:nth-of-type(2) { font-style: italic; } </style> </head> <body> <table class="foo"> <thead> <tr> <th>first</th> <th>second</th> </tr> </thead> <tbody> <tr> <td>bar</td> <td>baz</td> </tr> <tr> <td>bim</td> <td>buh</td> </tr> </tbody> </table> </body> <html> </code></pre> <p>Which renders as:</p> <p><img src="https://i.stack.imgur.com/zcIzp.png" alt="enter image description here"></p>

Is html <COL align> deprecated?

Tags:

html

col

i'm looking at the W3Schools demo of using the <COL> element to align columns:

<table width="100%" border="1">
  <col align="left" />
  <col align="left" />
  <col align="right" />
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

And browser's rendering of it is not encouraging:

Chrome (10.0.648.127):
enter image description here

FireFox (3.6.8):
enter image description here

Internet Explorer 9 (standards mode):
enter image description here

Internet Explorer 8 (standards mode):
enter image description here

Internet Explorer 7 (standards mode):
enter image description here

Internet Explorer (quirks mode): enter image description here

It's interesting to note that <COL align> used to work in browsers, and the feature was taken away in ie8. (And Chrome, with position of being the arbiter of all things perfect, doesn't support it.)

This makes me wonder if <COL align> is something that's not supposed to work.

Has <COL align> been deprecated?

Update One

i understand that it hasn't been formally deprecated. But the fact that browsers used to support it, then stopped supporting it makes me believe that there is some historical story that i'm missing. i assume the intentional removal of col align support from IE, and the continued lack of support from other browsers, indicates something is going on.

Update Two

i was mistakenly assuming lack of support for all features of <COL> meant <COL> itself isn't supported. i mistakenly assumed that since the only attribute i was trying wasn't working: that the element wasn't working. This was my mistake; and in hindsight i should have asked if "COL align" is deprecated (which it is).

In my defense i assumed an example would have been shown what wasn't working "anymore".

3 Answers

Yes, the align attribute of <col /> no longer appears in HTML5. Says the spec!

Also, it's worth noting that you can't achieve a similar result using CSS on the <col /> tag. The style attribute (or induced style from id, class, etc.) only takes into account properties that sensibly apply to the column itself. That is, while each <td /> can contain text content and thus can have attributes like text-align set, the <col /> element does not contain text and thus none of the text-level styles apply. (Block-level stuff like background-color still works.)

However, in basic cases not involving colspan or rowspan, you can select blocks of <td />s (and thus "columns" in a sense) by using the CSS pseudo-class :nth-of-type. E.g. to center the third column of the table with class c3 use

table.c3 td:nth-of-type(3) { text-align: center; }

Edit by OP:

From The HTML Standard:

15 Obsolete features
15.2 Non-conforming features

The following attributes are obsolete (though the elements are still part of the language), and must not be used by authors: ...
align on col elements
...

Use CSS instead.

The WHATWG wiki gives some recommended alternatives for various obsolete presentational attributes:

Attribute              CSS equivalent
=====================  =====================================
align on col elements  'text-align' on the appropriate td/th

154

answered Oct 21 '22 06:10

Domenic

Try

<!doctype html>
<html>
  <head>
    <title>Table</title>
    <style>
      table.foo td:nth-of-type(2) {
        font-style: italic;
      }
    </style>
  </head>
  <body>
    <table class="foo">
      <thead>
        <tr> <th>first</th> <th>second</th> </tr>
      </thead>
      <tbody>
        <tr> <td>bar</td> <td>baz</td> </tr>
        <tr> <td>bim</td> <td>buh</td> </tr>
      </tbody>
    </table>
  </body>
<html>

Which renders as:

enter image description here

answered Oct 21 '22 08:10

bastian

The <col> tag is not deprecated.

See: How to use <col> tag correctly and is it supported in all browser? I think this answer clarifies its usage, and explains some of the trouble you are having with it.

It is part of XHTML and HTML 5. http://www.tutorialspoint.com/html5/html5_tags.htm

answered Oct 21 '22 08:10

Brad

Related questions
                            
                                Multiple open and close curly brackets inside method. - Java
                            
                                Control validation annotations order?
                            
                                On the use and abuse of alloca
                            
                                jQuery Mobile - all pages in index.html vs. single external pages - What gives better performance?
                            
                                Jersey can produce List<T> but cannot Response.ok(List<T>).build()?
                            
                                How to resize and save plots in png format?
                            
                                Populate Listview from JSON
                            
                                Calling functions on columns of data in Gnuplot
                            
                                MySQL disable all triggers
                            
                                Race condition on x86
                            
                                PyMongo -- cursor iteration
                            
                                How does Excel successfully round floating point numbers even though they are imprecise?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With