Following is Issue 35 of The Sensible Internet Design Letter [ archive | subscribe ].
If you write, edit, illustrate, design or otherwise help produce a Web site, I want to reintroduce you to an old friend.
Say hello to Hypertext Markup Language. That's right, HTML.
I feel compelled to reintroduce HTML because I know the development side of Web content management has been so intensely focused on hiding this friend from you.
Maybe you use Macromedia Dreamweaver or Microsoft FrontPage to manage Web page content, happy with the word-processor-style toolbars and the what-you-see-is-sorta-what-you-get view of each Web document.
Or maybe you use a database-driven content management system -- whether modified from open-source software (you'll find plenty on SourceForge); commercial applications I bet your company paid too much for; or home-grown systems built just to run your site. No matter. They're all designed specifically to let you create Web stuff without fear of ever seeing HTML.
The rationale, as I hear it, goes like this:
"People who write or edit for a living don't want to be bothered with all those nested tags or any stuff that looks like code. So let's give them software that shows them how a page will look based on computer-generated guesses of what they intended."
Hogwash. HTML is easy for anyone who ever used a word processor older than Microsoft Word. For that matter, if all you've ever used to write is Word, HTML should seem downright simple.
At least, HTML is probably simpler than learning the content management system you use to avoid it.
Come back to your roots. Learn HTML. You'll be a happier maker of Web things.
Here's why:
This is not your father's HTML: If your last look at HTML coding included all those browser-specific extensions meant to make it into a page design language, that's so five years ago.
I wouldn't want to mark up my latest tome with all those <font> tags, either. But you don't have to. Today we have Cascading Style Sheets to handle the heavy lifting of making your Web pages look like something.
Most Web sites don't even need HTML tables anymore to be rendered in a modular layout, though that knowledge doesn't seem to penetrate most Internet design teams. (I'll admit, I fall back on using tables when I cannot make CSS-based layout work across browsers, but that's happening less often these days. Even when it does, a working knowledge of CSS really cuts the fat from HTML markup.)
This is your grandfather's HTML: By eliminating the need for design-specific tags and attributes, the HTML standard-bearers have gone back to what the language has been all about from the start: defining the elements of a document for presentation on the Web.
Knowing HTML is understanding document structure: That return to the roots of the language means you can focus your HTML learning on the tags and styles that explain document structure -- paragraphs, lists, headings, sections, images, captions. You know, the content types you work with every day.
HTML logic is quite simple, and the markup quickly makes sense to writers and editors, in particular -- because the language is set up much the way you have to think to put one word in front of another competently.
Not learning HTML perpetuates bad site designs: I've worked with every version of Dreamweaver since 3, and every version of FrontPage since the product was owned by a company named Vermeer.
Yes, these WYSIWYG editors get a little better with each release. But they are still computer programs that have to make guesses to interpret a user's word-processing commands into HTML. Often they miss badly; turning, for example, simple unordered lists into messes of redundant <font> or <span> tags to display what should be the simplest of text formats.
If a WYSIWYG editor is all you work with, and Microsoft Internet Explorer is the only way you ever check your pages, you may never notice how poorly structured your site documents turn out. And that's too bad because at least a few of your Web visitors will be forced to wrestle with bad markup that blows up in their browsers.
Bother to learn HTML (it's easy, really -- start here), get a good HTML editing program (HomeSite is great on PCs, and BBEdit is the leader for Macs) and you'll quickly see the difference. No more wasted tags. You might even write better, with thoughts of logical document structure in your head.
I finally got around to adding some scripts to the Small Initiatives site that will make the Web addresses of site documents a little easier to share as links, and easier for search engines to index.
Make no mistake, the changes are little more than PHP and Apache hacks that alter the appearance of URLs linked on site. So if you notice any weird links or badly formed Web addresses, I hope you will let me know.
Newsletter subscriber
Newsletter subscriber Michael Levin wrote me an e-mail this morning regarding this edition of TSIDL. He's agreed to let me share it with you:
"Kudos for the HTML article. I am dismayed how many Webmasters I know that now brag how little HTML they know or use.
"Egads. That is akin to an accountant bragging how little double-entry, t-accounts and contra accounts he knows because the software does all the work. Yikes.
"I have been working on the Web now for about seven years. In that time, I have been a Webmaster for three sites and a Web editor for two more.
"Those Web-in-the-can packages can make life easier, but they lead to a very homogenized product unless you know HTML, CSS and Javascript at a minimum.
"I agree with your Windows software recommendation. I have loved that product since 1997. But I disagree with BBEdit for the Macintosh.
"Personally, I really love Page Spinner, which is better priced and more robust than BBEdit. I have trained seven novices on it and the learning curve is shortened, I think, because of Page Spinner's ease of use. I wish I could still recommend Wallaby FAT, but it kept crashing. Nice idea though.
"Keep up the good work.
"Sincerely,
Michael Levin
Director of New Media
Straus Newspapers"
it's unfortunate that even
it's unfortunate that even companies that tote the service of "web design" don't always handcode their sites.
sure, a client may not be able to tell, but anyone who knows how to view source will see their shame. not only that, but good markup leads to things like you mentioned above as well as: better/easier integration with backend components, future compliance (if you're handcoding xhtml/css), and faster load times.
You forgot to mention the
You forgot to mention the number one reason:
Pure HTML makes for better promotional viability. When a WYSIWIG editor doesn't get things perfect (which is, uh, always), it inevitably throws in superfluous code to cover it's tracks. Which is why you see things like:
</P></P></P></P></P>
Not only does this weigh down the page's filesize (and slow down the loading process, as you've mentioned), but it also dilutes the valid content and creates a tangle for SE spiders. Certainly something to consider.
Great article, though. Obviously, I agree. Pure HTML rules!
Post new comment