The Difference

September 22, 2003 | View Comments (2) | Category: Our Thoughts

Summary: There is a purpose to using standars and this can make all the difference in the world.

Web Standards

The W3C is a committee that releases specs/standards for web technologies. Once these standards are adopted any programmer or technology company can create a product that revolves around them because they are open. One such standard is XHTML. Using XHTML on your site helps to keep your content in the present and future while allowing the past to see it. Browsers now support XHTML 1.0 as should future browsers. It might not be imperative now to create a site in XHTML when HTML 4.01 will serve the same purpose because it to is a standard. From personal experience, besides my code being cleaner when using XHTML, it is also more readable, which can be very helpful when troubleshooting. Also, since XHTML is an extension of XML who knows how you may be able to manipulate your code in the future.

As a designer you know that if your site follows a standard you are opening it up to the largest audience possible. If they are using a device or program that does not support standards then you have done the best you can. The Internet is an open standard, so why shouldn't our sites be? If we all support standards then we are all supporting an open playing field. The most important thing on the web is the content anyways which has no standard.

To check to see if your site follows the W3C standards you can validate your pages with the W3C validators.

Web Accessibility

Sometimes as a designer without any major disabilities (blindess, deafness, etc...occasional stupidity) it is easy to forget that some of my readers might not have the same advantages as my other readers. It is easy to design for the person who can see the screen like I do, but what about the individual who uses a screen reader to listen to my content? There are web standards for accessibility that should be followed today. If you do not like the reasons stated in the section above for following standards then take note of this. The British government is beginning to place heavy fines on sites that do not conform to their accessibility guidelines. Creating a site that ignores accessibility is like not putting a physically disabled ramp on a building that has 10 stairs to reach the entrance.

Lessons from the past

Apple was once top dog in personal computers back in the early 80's. They lost their market because IBM didn't see PC's as the next big thing and opened up their architecture. They made the IBM PC standard where anyone could follow and build their own computers. Now neither IBM nor Apple are top dogs in the PC area. Developers in software did not like to create software for Apple and IBM PCs because they were different standards. One was open and the other proprietory. Open standards are where people flock. That is where the train is taking us so it is best to get on now. Web technologies like HTML, XML, CSS are not the things to sell because these are open standards. They put everyone on equal ground. The thing to sell is the content and that is easier knowing that your users and readers are using tools that adhere to standards.

Another example can be found when looking at BBSs from the late 80's and early 90's. They dominated the online world with their proprietory ways and then the Internet hit big with its open standard of communications. Not too many people use BBSs today.

Web Semantics

I do not know if I could educate anyone on what semantics are better than the quizzes provided by Dan Cederholm over at Simplebits. But I will try to give a basic definition

Semantics are the placing of elements in a document that serve their intended purpose within the context of the document.

The W3C created the <p> tag to implement paragraphs within a HTML document. There is no reason to use a <div> tag in place of a <p> tag if your intended purpose is a paragraph. Semantics just means using each HTML element for its intended purpose. The big problem here is when you start to try tableless CSS designs because their is this need to want to use <div>'s in place of <tr>'s and <td>'s. Well the cool thing is that most of the time you do not even need to add these elements because you can just stick a class or id within the html element itself.

As has been noted by many others you can create a standards based site that does not have any semantic value. However, it becomes extrememly difficult to create a semantically rich document that does not follow standards. For example, when I create a paragraph with a <p> tag I need to create an ending <p> tag because semantically I need to know when that paragraph will end and the next element will being. The beauty of XHTML is that the majority of it focuses on closing tags that you have open. Therefore semantics can lead to standards. The hard part is just trying to nail the semantic value of each element.

Tableless Design

You can build a standards compliant site with tables. You cannot build a semantically rich site with tables because the intended purpose of tables is for tabular data. Accessibility wise I am sure browsers prefer CSS based designs. You can get a standards compliant site at the expense of accessibilty and semantics. However, when you build using CSS layouts it is possible to achieve all three.

According to Holovaty's excellent get content size size site you can see that Whitespace uses over 62% (at the time of this writing) of its size on content. Search engines love this. That is the advantage of CSS-only design. Content becomes the focus.

The sum is greater than its parts

The three elements of web standards (accessibility), semantics, and CSS design are all separate entities. However, when all used in conjugation with each other they offer greater benefits for both users and designers than they would if used separately. For us advocates we must be careful in how we preach using CSS and standards. We cannot forget that CSS design does not equal standards or great semantics. We are better off promoting none if we are only going to promote one. The web is a collection of data and by using standards, CSS, and semantics we can more readily convert that data into information that will benefit everyone.

Links inspiring article:

Trackback URL: http://9rules.com/cgi-bin/mt/mt-tb.cgi/7

Comments

#1

I have to comment on this point...
"According to Holovaty's excellent get content size size site you can see that Whitespace uses over 62% (at the time of this writing) of its size on content. Search engines love this. That is the advantage of CSS-only design. Content becomes the focus."

That's really not a realistic measure. Your site has 62% because you have several very long blog entries on a page. If you had only one entry per page, the percentage would be lower, even though your 'junk' code didn't change at all.

Yes, it's better to have less code and more content, but it's not the disadvantage it was a few years ago, if you keep the page size within reason. Google ignores junk code.

At any rate, it's a 'nice to know' thing, but it's really mostly trivia. Knowing how much junk code could be cleaned out of a website template might be of more use, but there's zero reason to consider the get content size thing as a metric of quality. It's not. It's just a measurement of text vs code. I could dump 10 chapters of a book out there surrounded by a single pre tag and get 99.99%... but in no way would that improve the usability of the site.

As for XHTML, what you're mostly talking about is nothing more than HTML 4.01 properly formatted with an XHTML label on top. There's nothing 'eXtensible' in closing a P tag properly. I've only ever seen one site that actually USED XHTML as it was intended -- creating your own tags and so forth (I think it was linked from your old blog, or maybe inmyexperience.com)

Now, we use some server-side XSLT stuff for an online banking app we wrote here, but it still uses normal HTML.

I dunno. Sometimes it feels like the standards groups and advocates are fighting battles which lost their point years ago, and coming up with increasingly obscure reasons for doing so. They call themselves a standards body but operate more like a thinktank, dumping out 'standard' after 'standard' that no almost one uses or cares about, and piss and moan whenever anyone comes up with an extension to that because it's 'non-standard' and years later finally decide its time in purgatory is past and accept it into the fold because it's already ubiquitous. NIH at its finest.

Sorry, it's been a long monday and I feel inclined to rant. :-)

JC (http://thelionsweb.com/weblog)

#2

I agree that standards groups are trying to implement too many standards upon everyone too quickly. It's sort of like they realize the mistakes that they made in the past and are trying to fix them all at once. Nobody could envision what was going to happen with the Internet and HTML, but now that we see what is happening let us take our time and get foundation straightened out.

In regards to content vs code I do see your point in that almost all of my content comes from long entries. However, who is too say that future search engines will not give higher ranking too sites that present their content more clearly through clean code? Also I am not focused on the usability aspects here. If you posted your 10 chapter book with basic tags and it contained the word book 1000 times versus someone who uses tables and uses the word "book" 1000 times I am sure your site would come out above in the search rankings with all other variables being equal (incoming/outgoing links).

Sure I can produce a great site quickly with HTML and tables, but if there are 100 pages why would I want to do that knowing I would have to maintain it later. To me CSS with XHTML is the equivalent of using well designed object-oriented principles in applications. It provides me with a site that is easier to maintain in the long run.

I do have a problem with standards advocates who feel they need to push the standards on to people because they do not wish to be alone in the struggle. Maybe it is something that people just need to figure out on their own. Anyways the point of this article was more to help people see the difference between what all the "big people" are preaching upon them. Use them at your own disgression.

Mondays are always long so continue to rant away :)

Scrivs (http://www.9rules.com/whitespace/)

Keep track of comments to all entries with the Comments Feed