This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revisionLast revisionBoth sides next revision | ||
| spec:css3-regions:sequestering-regions [2012/11/15 17:47] – astearns | spec:css3-regions:sequestering-regions [2012/11/16 12:35] – astearns | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | Using HTML elements to produce the boxes for a region chain is a point of contention. The point made against the current version of the spec is that markup purely for presentational | + | Using HTML elements to produce the boxes for a region chain is a point of contention. The point made against the current version of the spec is that combining content and presentational |
| One way to use an external file for presentational purposes is being defined by the [[http:// | One way to use an external file for presentational purposes is being defined by the [[http:// | ||
| Line 33: | Line 33: | ||
| </ | </ | ||
| - | Using custom elements, you could put the presentational elements in a separate HTML file: | + | Using custom elements, you could put the presentational elements in a separate HTML file. I have extended the img element here, but you could instead extend the body element. |
| <code html content.html> | <code html content.html> | ||
| Line 71: | Line 71: | ||
| </ | </ | ||
| - | Or you could use decorators: | + | Or you could use decorators. Again, I chose to add a class to the img element, but you could decorate the body element if that's your preference. |
| <code html contents.html> | <code html contents.html> | ||
| - | <link rel=" | ||
| < | < | ||
| article { | article { | ||
| Line 89: | Line 88: | ||
| .bar { | .bar { | ||
| - | decorator: url(# | + | decorator: url(region-layout.html/ |
| } | } | ||
| </ | </ | ||