Geek Answers Handbook

Correct html page structure? What should be included in the title / content?

New custom web design. In theory, I learned html and css. In practice, I fell into a trap. Here is the barebone code so far.

<header>
        <a id="site-logo" href="/"><img src="#" alt="Dot Design" /></a>
        <nav>
            <ul>
                <li>Home</li>
                <li>About</li>
                <li>Services</li>
                <li>Portfolio</li>
                <li>Contact</li>
            </ul>
        </nav>
        <form id="search">
            <input type="search" placeholder="Search" />
        </form>
</header>
<div id="content>
   <!-- content goes here -->
</div>

Here is the template that I refer to for practice: http://min.us/i/braxZb11KQjfD
The problem is that I'm not quite sure what:

  • everything in the red box should go in the title
  • only jquery slider should go in title
  • everything in the red box should not be in the title
  • or it doesn't matter and just a matter of preference

Since I have no experience, I would like some information on which method is correct? Or more generally accepted and preferred?

Thanks so much for your input.

+4
1

, . , . . , .

<header></header>
<div id="content">
    <figure class="hero"></figure>
    <p class="lead"></p>
    ...
</div>

. HTML (, ) (#content .hero ..).

+1

More articles:


All Articles