We're about to start shaping up our web code. Now, what is the best way to tag it to ensure smooth styling later on?
As a start, the use of regular header and paragraph tags for text, e.g. <h1> and <p> is strongly recommended. Then, identify reoccuring and key areas, content hierarchy and header levels and mark those.
A key area can be wrapped in a <div> tag marked with an id (if page-unique) or a class (if reoccuring). Combining these methods opens up many ways to style your information later on, including individual margins, borders, background images and "mouse-over" effects.