Jul | 17 | 2007

Tweaking your blog’s HTML? Avoid these horrible tags!

Posted by Ia as Blog Tutorial, Design, Design Features, Opinion, Tips

If you’ve been blogging for sometime now, you would have tinkered with HTML several times of already. In fact I’ve shown how you can use several HTML tags to make your posts more readable.

The bad news is, HTML has a dark side: it has tags and attributes that are not very useful or meaningful (i.e., deprecated) but can still be used by the ignorant, especially since HTML is very easy to learn. But if it is not learned correctly, your blog might load more slowly or not work at all in other people’s browsers.

Warning: Do NOT try these at home!

Tacky Tags

Used by people who are trying hard to impress their visitors—but are clueless about what good web design is all about.

<marquee>

While it can have interesting uses, people looking to spice things up should not turn to this tacky replica of a stock ticker. (Horror of horrors, this blog is promoting its use!)

<blink>

Again, completely tacky and irritating to look at. If you want to put animations on your website, learn Adobe Flash (or Microsoft Silverlight).

Cosmetic Tags

Used by people who don’t want to style their sites with CSS. These tags may have been irreplaceable a few years ago, but today, there is absolutely no need to use them.

<font>

If you want to change the font style of a paragraph, you can add use the style attribute in the enclosing HTML tag, e.g., <p>:

<p style="font-family: Tahoma, Sans-serif; font-size: 18pt;">Enclosed Text</p>

(But entering rules in a separate stylesheet is the best solution.)

<s> or <strike>

You can indicate deleted text by the more meaningful <del> tag. (Hint: <ins> is the complementary tag used to insert text.)

<center>

If you want to center a paragraph, you can add use the style attribute in the enclosing HTML tag, e.g., <p>:

<p style="text-align: center;">Enclosed Text</p>

(But entering rules in a separate stylesheet is the best solution.)

The Madness Has Just Begun

There are many more deprecated HTML tags to mention, but you probably haven’t encountered them (assuming you’ve only began to see HTML code lately). The sample code above will not always apply in other situations, but they give you an idea of how to add inline CSS into your HTML. (Recommended reading: W3Schools.com CSS page)

While you think taking these extra steps (learning CSS, particularly) to eliminate use of these evil HTML tags is an inconvenience, it’s a very good investment.

Related Articles

5 Responses

  1. hid kits

    21|Aug|2007

    very very nice infoamations thansk realy

  2. Invroz

    25|Aug|2007

    Hi!

    As a new blogger I find the article informative and useful. I’ve learned html through online tutorial before but have more to learn. At the moment I’m more comfortable using a WYSWYG html editor. Its easy!
    Invroz
    4rozi2c@gmail.com

  3. Jenny

    03|Oct|2007

    I use a lot. I guess that’s bad. xD

  4. Invroz

    03|Oct|2007

    Hi! Another great info from a great blogsite.Thank you.

  5. Sneezy Melon

    08|Nov|2007

    very nicely put information for noobs. this goes in my bookmarks :D


Leave a reply

  
Our Features
  • Design and Themes

    Is Your Blog W3C Compliant?

    Last night I checked my personal blog’s code hoping I can proudly display the W3C Validated Button. Since I use Blogger and do not really do anything to clean up the code (beyond adding Alt-tags to the images I embed) I wasn’t surprised at all to find that my blog contained lots of errors - [...]

    Read on
    More Design and Themes Features
  • Software and Widgets

    Wordpress Plug-ins

    If you blog using Wordpress and can’t do something that you want done like adding Sphere-related content at the end of your blog posts you might be surprised to find out that there are already plug-ins available that make it happen.
    To find good Wordpress plug-ins all you need to do is search for “wordpress [...]

    Read on
    More Software and Widgets Features
  • Reviews

    A Friend In Need

    I’m helping out my friends from the UA&P - IShareHappiness Blog Team.
    Whenever you feel pessimistic, angry, troubled, frustrated, and depressed – what have you – you need someone to talk to. Someone who could help you be more optimistic and help make you feel that there is hope. Sometimes it’s hard to talk to someone [...]

    Read on
    More Blog Reviews
  • Monetization

    Making Money Through Consumer Generated Ads

    As I mentioned in my previous post today I will be suggesting some ways you can still profit by joining programs such as Pay Per Post and yet ensure that your readers don’t get turned off.
    In my opinion the only way to really do this is by making sure that your blog entries stay [...]

    Read on
    More Monetization Features
  • Marketing and Search Optimization

    Building your blog brand step by step

    Building your blog’s brand does not need to be difficult. However, when it comes to branding you should always remember to exert effort to be consistent with the image you wish to portray or you’ll end up with confused, turned-off, and/or skeptical readers. Branding inconsistencies will make it obvious that the image you’re putting up [...]

    Read on
    More Marketing and SEO Features
  • Blog Resources

    WordPress Themes Blog Hoster
    Performancing Metrics

SUBSCRIBE

CATEGORIES

Sponsors

CONTRIBUTORS

RESOURCES

BLOG METRICS


Performancing Metrics