View Single Post
11-17-2012, 04:54 AM
#4
Zara is offline Zara
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
 
Posts: 249
iTrader: 9 / 100%
 

Zara is on a distinguished road

  Old

To avoid starting bad habits, you should use an unordered list (<ul>) inside of a div. Furthermore, if this list is to be used as a major navigation section of your site and you plan on using HTML5; you should use the nav element to wrap the list.

Formatting your code is also a good thing to practice. While not necessary on a live site, you can always remove the unnecessary white space before going live if bandwidth is an issue. Also, it'd help to use relevant class names and identifiers.

Lastly, you may want to check out [ this link ] and read up on web-safe fonts. The idea behind web-safe fonts is to ensure text renders in a controller manner, even when the system doesn't have the first font your specify. Basically, each system that loads the page has to have the font installed in order to render it. Otherwise, it falls back to a secondary font specified in your styles or a browser/platform default.

Ex.
HTML Code:
<div id="nav-container">
    <ul>
        <li>
            <a href="#SomeLink" title="Some Title">Some Text</a>
        </li>
        <li>
            <a href="#SomeLink" title="Some Title">Some Text</a>
        </li>
    </ul>
</div>
or

HTML Code:
<nav id="nav-container">
    <ul>
        <li>
            <a href="#SomeLink" title="Some Title">Some Text</a>
        </li>
        <li>
            <a href="#SomeLink" title="Some Title">Some Text</a>
        </li>
    </ul>
</nav>
Edit: Meh, just realize OP was 4 months ago... :-/