Published in Web Development on Wednesday, March 3rd, 2004
Is the idea of semantics getting lost in all of the talk about web standards and validating code?
Those little html tags we use to markup our pages have meaning, and therein lies the matter of this post. The topic of semantics crops up here and there and in many other places, but the article that originally got me on to thinking harder about the semantics of my code was Standards don't necessarily have anything to do with being semantically correct by Jason Kottke.
It just seems that recently I have observed too many cases of people building “standards based websites” and equating that phrase with merely getting a thumbs up from the validator. I suppose the ‘quantitative validation’ of passing the validator is something much more tangible than ‘doing semantics right’, something which can be a subjective matter.
Maybe we need to be careful to send the right message and not get sidetracked by something that perhaps by now we take for granted; lets not lose the idea of semantics in the details.
Sitepoint's web devlopment books have helped me out on many occasions both for finding a quick solution to a problem but also to level out my knowlegde in weaker areas (JavaScript, I'm looking at you!). I am recommending the following titles from my bookshelf:
I started freelancing by diving in head first and getting on with it. Many years and a lot of experience later I was still able to take away some gems from this book, and there are plenty I wish I had thought of beforehand. If you are new to freelancing and have a lot of questions (or maybe don't know what questions to ask!) do yourself a favor and at least check out the sample chapters.
The author line-up for this book says it all. 7 excellent developers show you how to get your JavaScript coding up to speed with 7 chapters of great theory, code and examples. Metaprogramming with JavaScript (chapter 5 from Dan Webb) really helped me iron out some things I was missing about JavaScript. That said each chapter really helped me to develop my JavaScript skills beyond simple Ajax calls and html insertion with libs like JQuery.
Like the other books listed here, this provides a great reference for the PHP developer looking to have the right answers from the right people at their fingertips. I tend to pull this off the shelf when I need to delve into new territory and usually find a workable solution to keep development moving. This only needs to happen once and you recoup the price of the book in time saved from having to develop the solution or find the right pattern for getting the job done..
Comments and Feedback
An example of improved accessibility due to good semantic markup was posted recently at WebmasterWorld. That first paragraph in the first post is rewarding to those of us who make the effort.
Disclaimer: as a result of being built quickly, there may be semantic inconsistencies with the markup of this website. ;-]
Valid code is one thing, using tags correctly in a semantical way the other thing, that can't be validated by any program, machine etc.
See your CSS challenge, all attempts have valid code, but it's hard to say attempt A is more correct in semantics than attempt B, C or D.
I don't think there will be the one and only way to achieve correct semantics as you can see at SimpleBits quiz
Best,
Lars
A perfect example Lars. The SimpleQuiz demonstrates how often times there is not a 'correct' way when dealing with 'semantic validity'.
What concerns me, though, is that newcomers to 'the revolution' of standards based web-design may lose site of the semantic end of valid coding because of so much hoo-hah around the markup validator...
As someone who has attempted to educate others, I can tell you that just convincing people to validate their pages can be a struggle. Once they actually create valid pages, you can start to move forward an explain what semantic markup is, and why it's important.