html layout best practices question

Posted on 2012-09-08
Last Modified: 2012-09-08
When I'm making the basic div elements for a page I generally have a header, a mid section, and a footer.

I usually call the header 'header', and the footer 'footer', but I'm never sure of what to call the midsection... what is the most common term used to name the middle page area selector 'midSection', 'middle', 'torso', 'belly', 'content'... ok I was kidding about torso... but really I want decided on a standard term I use and if there is a generally accepted term I'd like to use it.

what is the most common name for that area in a page?

Question by:tf2012
    LVL 17

    Expert Comment

    Judging from content management programs like Drupal, it's always called Content. I always call it Content too.
    LVL 50

    Assisted Solution

    by:Julian Hansen
    I don't think there is a standard practice out there.

    You can look at projects like the 960 Grid System (

    But as long as it is logical I don't suppose it matters really ... yet - no doubt at some point there will be an attempt to standardise - especially with respect to dynamic theming but for now I don't see an issue with what you are doing.
    LVL 52

    Accepted Solution

    It does not really matter what you call it or what anybody else uses.  The key is to be consistant.   But typically there is a container and inside that you will find a header, content and footer.  

    With HTML5 you will have <Article><section><Aside>

    And there is also a trend to name your div's semantically.   If your content is about anatomy and you are talking about the torso, then by all means give that div a "torso" class.
    LVL 17

    Assisted Solution

    I like the idea of using a consistent word. If someone else takes over websites you created at some point, they will immediately understand the word "content".
    LVL 1

    Author Closing Comment


    Featured Post

    Threat Intelligence Starter Resources

    Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

    Join & Write a Comment

    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    734 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now