We'll introduce the idea of the three parts of the modern web page structure - content, presentation and behavior - and focus on how to improve the structure of the content. We focus on the content structure because everything else will get stripped away as your content moves across the web. When your page is accessed by mobile devices, feeds and search engines all that matters is your writing and the html markup. Make them count.

1. Best Practices for
Structuring Your
Web Content
Ben MacNeill,
User Interface Designer
eXtension

2. Why worry about
page structure?
• It’s not just a web page anymore
• Your content is going to be interpreted by
a variety of clients, scripts and devices
• You need to wrap up the content in a
meaningful way

3. How do You
Structure Web Content?
• Use meaningful markup
• Establish a structural hierarchy
• Remember simple accessibility guidelines
• Don’t worry about appearances

4. Anatomy of a web page
Behavior
Javascript, Animations
Presentation
Cascading Style Sheets (CSS)
Structure
Semantic markup
Content