Re: Graceful degradation of sectioning elements

Philip Taylor wrote:
> I would like to use the new sectioning elements (<section>, <article>, 
> <header>, etc) so that HTML5 UAs can process my documents in new 
> improved ways, while still degrading gracefully in current UAs (i.e. 
> acting as similarly as possible to the HTML5 behaviour, preferably 
> without requiring me to use complex styling or scripting).
> 
> [...]
> 
>   <style>header { padding-left: 2em; background: #ffa; display: block; 
> }</style>
>   <header>
>     <h1>BGP Wedgies</h1>
>     <p>Copyright 2005</p>
>   </header>
> 
> [...]
> 
> [It] doesn't work in IE7 - the parser treats unknown tags as empty elements. 
> [...] it is either difficult or impossible to write a script 
> that identifies the intended child elements and reconstructs the DOM.

Actually, that's untrue. It works fine in IE6/IE7 if you do:

   <!--[if lte IE 7]>
     <script>document.createElement('header');</script>
   <![endif]-->
   <style>
     header { padding-left: 2em; background: #ffa; display: block; }
   </style>
   <body>
   <header>
     <h1>BGP Wedgies</h1>
     <p>Copyright 2005</p>
   </header>

-- 
Philip Taylor
pjt47@cam.ac.uk

Received on Wednesday, 23 January 2008 13:54:57 UTC