Why semantic mark-up

I'm slowly converting my blogs to XHTML and CSS (Cascading Style Sheets). Content and format will exist independently of one another. This makes for rapid "reskinning" of the sites, readability on PDAs and phones, and leaner code. That's not enough to get me to unlearn old HTML habits. (I may need aversion therapy to program new code snippets into my fingertips.)

My real motivations for complying with web standards are:

  1. Clean code. Some of the entries on this site still have mark-up from Netscape 1.1; there's probably some pre-Netscape Mosaic in there somewhere. I have tables nested in tables nested in tables. Lots of pages have the superfluous XML garbage that Word spews out. If you play web archeologist and dig down a few layers, you'll come upon "single-pixel gifs" for alignment and other anachronisms. This stuff takes too long to download. More importantly, it offends my sense of order.
  2. Consistent presentation. Until reading Zeldman, I'd forgotten how much time we designers used to waste creating workarounds for oddball browser behavior. XHTML and CSS are a path out of this mess. In the continuation section, I'll show how different browsers render this page.
  3. Spring cleaning. Yesterday's great ah-ha is today's commonplace. Some of my older writings appear prescient; many now seem naive. As long as I'm going to churn through old content, I plan to harvest the stuff of lasting value and dump the rest. Note the Research section to the right; that's where most of the good stuff will reside.



The front page of this site is a conventional set of tables. Here's what it looks like in the Opera browser:

Internet Explorer renders the same code like this, squeezing the heading into an odd layout:

Mozilla screws up the text alignment in the right column:

Life's too short to use programming tricks to accommodate browser variations. Here's my Workflow Learning Institute page, which is coded in XHTML, as rendered by three different browsers. They are identical.

Opera:

Mozilla:

Internet Explorer:

Rant alert. It really, really, really gets my goat that Microsoft, having illegally crushed Netscape, has abandoned Internet Explorer. Opera and Mozilla are easier to use, faster, and are laden with cool features. By contrast, IE is truly lame: no resizing of text, no tabbed windows, and klutzy controls. Having cut off its competitor's air supply, Microsoft has no motivation to improve its product, save that of satisfying its customers. Customer satisfaction doesn't seem to matter to Redmond. Message to Bill & Steve: We have long memories for crap like this. /rant.


Posted by Jay Cross at December 14, 2003 10:32 AM | TrackBack
Comments

thanks

Posted by: urlaub mallorca at July 9, 2004 12:24 PM

30 Poppy Lane
Berkeley, California 94708

1.510.528.3105 (office & cell)



Subscribe to this Blog

Enter your email address to subscribe. We vow never to share your information with anyone. No Spam.

Subscribe Unsubscribe

Reference Pages

Articles
Blogs
Building Community
CSS, Semantic Mark-Up, and codes
Design
First Principles
Glossary
How People Learn
Knowledge Management
Learning Links
Learning Standards
Making It Work (Implementing)
Metrics & ROI
Presentations
Psychology
Social Software
String theory
The eLearning Museum
Time
Visual Learning


Search


Our Infrequent Newsletter
Sign up for our sporadic newsletter.
Email:


Entries by category...

Blogging
Books
Collaboration
Customer care
Design
Emergent Learning
handbook
Jokes
Just Jay
Learning
Meta
Networking
Outbound
Recycled from Blogger
Ref
store
The Industry
Time
Visual
Workflow-based eLearning


Blogroll


Internet Time Group



© 2004 Internet Time Group



Click for Berkeley, California Forecast
Berkeley, California


Recent entries

New Blog
Blogger Experience, Housekeeping, Something New
Loosely Coupled
Above all
Demographics is destiny
Are you setting the bar high enough?
Virtual Apps
Aerobic Learning
Work as Video Game
Oracle and Macromedia, Sitting in a Tree
The Blogosphere
ASTD Silicon Valley
Performance Support
Kingsbridge Conference Center
First Post by Email
Transition
Inactive Blog
RSS Feed for New Site
Comment Spam
Testing ... testing ... 1...2..3
IT Doesn't Matter - Learning Does.
All blogging is political
Mutlimedia Learning
Damn, damn, double damn
Nonverbal impact?
The New Religion
Shhhhh.....
Wolf! Wolf! Wolf! Wolf! Wolf! Wolf!
Business Process Management (2)
Really Big
Business Process Management Conference
WorkFLOW
Don't Lose a Common Sense: LISTEN
It's only natural
Gmail!
Go with the flow
Time Out for the Fair
Informal get-together in SF this Wednesday
Repetition, reverb, and echoes
Who Knows?
Ur-blogging
Cognitive Mapping
Push vs pull
The Big Picture on ROI
Art Break
TDF Finale
New Community of Practice Forming
Dropouts
More TDF04
Training Directors Forum 2004
A Rare One-Liner
PlaNetwork LIVE 2
PlaNetwork LIVE
ASTD 2004 Leftovers
Googlism
Worker Effectiveness Improvement, not KM
Upcoming Events
eLearning Effectiveness?
Jay's Talk at ASTD
Mintzberg & Cooperider
Lest ye forget
ASTD International Conference & Exposition 2004
Knowledge Tips
What is Workflow Learning?
ASTD msg 1 of n
Look out, it's Outlook
Collaboration at ASTD Next Week
Tell me a story
User indifference
Interdependence
The shortest presentation on metrics you will ever hear
Back to Blogger
Windows fixes
The Alchemy of Growth
Grab bag
Very loosely coupled
E-Learning from Practice to Profit
Robin Good kicks off Competitive Edge
China Bloggers
Sonoma Dreaming
Upcoming Events
Emergent Learning Forum: Simulations
'Lanta
The Best Things in Life Are Free
Metrics and Web Services
OpEd: ROI vs. Metrics
e-Merging e-Learning
Loosely Coupled
Search me
Exercise?