One of my biggest beefs with working with HTML and CSS was that the separation of content and style had not gone far enough. One still had to consider the structure of the document in terms of element ordering. For instance, when writing a white-paper one would have to decide whether to place the table of contents before the summary within the HTML and not within the associated CSS. To change the ordering after the fact, one would have to change the content, not the associated style.<\/p>\n
This styling issue is fixed somewhat with CSS3 and the introduction of the move-to<\/var> property<\/a> within the Generated and Replaced Content Module<\/a> (via Sjoerd Visscher’s weblog<\/a>). This is what I envisioned as a solution to the above problem except that one cannot move elements to anywhere in the document. One is instead restricted to moving elements to later within the document. I’d like to know why this restriction exists. I suppose the ability to move elements to anywhere within a document would degrade rendering performance, but surely that is an implementation detail. A browser could either choose to render the image and move elements on the fly or wait until all content is received before moving elements around. Still, it’s a step in the right direction towards the nirvana of complete separation of content and style.<\/p>\n","protected":false},"excerpt":{"rendered":" One of my biggest beefs with working with HTML and CSS was that the separation of content and style had not gone far enough. One still had to consider the structure of the document in terms of element ordering. For instance, when writing a white-paper one would have to decide whether to place the table … Read more<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[4,8],"tags":[],"_links":{"self":[{"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/posts\/145"}],"collection":[{"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":0,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/posts\/145\/revisions"}],"wp:attachment":[{"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/media?parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/categories?post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/crazedmonkey.com\/blog\/wp-json\/wp\/v2\/tags?post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}