Common Mistakes in the HEAD section of a Website

Latest post 11-14-2008 7:24 AM by LisaB. 4 replies.
  • 07-30-2008 5:20 AM

    • Klima25
    • Top 200 Contributor
    • Joined on 07-30-2008
    • Posts 1
    • Points 35

    Common Mistakes in the HEAD section of a Website

    Normal 0 false false false MicrosoftInternetExplorer4

    Some of the most common and often made mistakes when designing a website are in the Head section of the HTML page. This article assumes that you have some experience in website design and HTML, but still are in the novice stage. Let me just say before starting that, yes, I have made many of these mistakes myself. I think most have, whether they want to admit it or not!

     

    I am including this very common mistake made by Professional website design even though this is not actually inside the HEAD tags. I don't know how many times I've seen in a forum the question "why is my page not doing what I told it to do?" A big reason is because many designers mistaking omit the DOCTYPE declaration that should be the very first line of your HTML page. (Preceding the opening HTML tag). When not included, or when incomplete, IE, (Internet Explorer), immediately goes into "Quirks" mode.

     

    Which in short means that the browser will render your HTML and CSS in a backwards compatible fashion. It will be as if you were writing your code 5 to 10 years ago. On a good note though, Opera browser always renders pages in standards-compliant mode. But unfortunately, IE is still the most commonly used browser. So, always start your page with an accurate DOCTYPE. You are well advised to spend some time researching DOCTYPE declaration before you move any further!
  • 09-27-2008 5:10 AM In reply to

    • LisaB
    • Top 25 Contributor
    • Joined on 09-07-2008
    • Troutman, NC
    • Posts 5
    • Points 55

    Re: Common Mistakes in the HEAD section of a Website

    Where I used to work, my manager would omit the DocType because he said it would generate better search engine rankings. I knew better so I never did follow that example.  Now if I could just get better at going Table-less!

    Thanks
    www.BarnettWebsites.com

  • 11-01-2008 10:54 AM In reply to

    • PhilB
    • Top 75 Contributor
    • Joined on 10-26-2008
    • Lafayette, LA
    • Posts 3
    • Points 45

    Re: Common Mistakes in the HEAD section of a Website

    Another thing I've heard to pay attention to is proper use of META tags.

    Some search engines use the META description tag when displaying your sites info. And as far as the META keywords tag goes, keep it simple, but make sure the keywords you have listed are in the content of your documant.

  • 11-03-2008 10:32 AM In reply to

    • KahlilH
    • Top 500 Contributor
    • Joined on 11-03-2008
    • East Orange, NJ
    • Posts 1
    • Points 20

    Re: Common Mistakes in the HEAD section of a Website

    Another important point to remember is to be aware of the which doctype you're using. If you're trying to become a more standards based coder, then be aware that the 'TRANSITIONAL' DOCTYPE will allow you to place non standard XHTML into your document while helping the browsers to render that code properly. This may serve to reinforce bad habits in your coding. The 'STRICT' DOCTYPE may make it more difficult to create unique cross browser layouts but at least, when you finally get the code to work, you'll know it is standards based.

  • 11-14-2008 7:24 AM In reply to

    • LisaB
    • Top 25 Contributor
    • Joined on 09-07-2008
    • Troutman, NC
    • Posts 5
    • Points 55

    Re: Common Mistakes in the HEAD section of a Website

    I totally agree with you on this point and am one of those that needs to start doing this more.  I just recently was directed to a website that talks about the transitional type and strict type from a twitter friend.  Here is the link for those that may want to find out more about why it's important to clear away from transitional doctype!

    Great Point KahlilH

    Lisa Barnett
    www.barnettwebsites.com

     

Page 1 of 1 (5 items) | RSS