skip to main content

kiesler.at

The age of semantic web
updated by rck, 2004-10-20

Contemporary web designers have two things in common: They all sigh about the lack of standards support in webpages. And they all try to reach table-less design. This isn't the only goal to go for.

From basic html to semantic

In case you have some classic webpage, like Anton Ertl for example, you're very lucky. You can change your design completely by using css wisely. And you can beef it up semantically by looking for better tags.

Oh, some things Mr. Schatten mentioned in today's eCommerce 1 lecture about tagging, which are rather important:

  • Please don't use h2 only because it's smaller, when you have a level 1 heading and should use h1 instead.
  • Get away from presentational html. This includes but isn't limited to
    • b and i. Why would you like to add bold or italics to your text, when you mean emphasis (em) or strong emphasis (strong)? Poor webdesigner...
    • abuse of b and br or similar tags, when you rather should use a heading (h1, h2, h3, ...) or a definition list (dl)
    • use of br, except of, say in listings, when you should rather use paragraphs (p). Remember: you can style them as well, think about margins and display inline.
  • Use lists, when you have lists. Have a menu? A unordered list comes to mind. Have a numbered list? use ol.

Examples

Classic websites aren't as hard to find as one might think. Loads of software gurus tend to have it and use it as a quick way of transmitting thoughts to a broader audience. Which is exactly, what html was meant to be used for in the first place.

Reference

Structural vs. Semantic

Simon Willison is picky about good html more being structural than semantic. Well, whatever. Good links!

Strict vs. Transitional XHTML

Our goal right now would be a semantical correct, strict xhtml document. This comparison summarizes quite nicely the differences between the pragmatic transitional xhtml, which has a couple of exceptions to make transitions to it not as hard and the hardlining strict xhtml, which is what I try to have (I still have a longer journey to go on my site, though).



RSSComments - Make a comment
The comments are owned by the poster. We are not responsible for its content.
RSSAll Articles
2008, 2007, 2006, 2005, 2004