How Semantic XHTML And CSS Can Benefit Your Website
By Gerard McGarry on 6th January 2007, filed in Web Design & Standards. You can leave a response below. Tags: CSS, Web Design, Web Standards, XHTML
Mani Sheriar has written an interesting post on the Vitamin website about her experiences with XHTML and CSS web design.
Though Mani touches upon the basic benefits of streamlined CSS/XHTML design, like improved accessibility, page loading and search engine friendliness, she focuses mostly on the long-term benefits of the Standards-based approach.
How easy is it to approach a redesign in the future?
Well, Mani suggests approaching the XHTML structure first, regardless of what the final design will look like – Let’s code our XHTML as if we plan to have 10 different designers apply their own unique layouts to it. If we can do it that way, then we will be able to execute minor or even major design overhauls without touching a single page in the site.
The logic of this idea is carefully explained through experience of several site designs and subsequent realigns, which were achieved with virtually the same XHTML structure.
I must say, this idea appeals as a designer. The closest I have come to this in the real world is through adapting the Sandbox theme for WordPress.
Sandbox is an incredibly complex and powerful WordPress theme that makes the best possible use of semantic XHTML, even implementing Microformats where they can be identified.
The idea behind Sandbox is that it can be skinned completely through CSS, and is flexible enough that you can move containers around in the CSS rather than constantly change your XHTML.
Essentially the whole idea harks back to the ethos behind the CSSZenGarden site: one well-formed XHTML document can be styled in unlimited ways with the right creative input. Very good article and a reminder that we should be striving to improve the art of web standards, not merely resting on our laurels!
