I’m going to address these concepts with an example that slowly builds complexity by introducing new visual elements. With each step I’ll add a new tool to support the hierarchy. I think you’ll be surprised to learn how much of this behavior is native, and how flexible the solutions can become as more tools are added.
Link: Type study: Typographic hierarchy « The Typekit Blog
Workers of the web are familiar with establishing a hierarchy through markup by using tags like and , but what of the aesthetics of it? On the web, a large chunk of our content is text. This means it’s important to understand how to reinforce this hierarchy typographically. A clear understanding of hierarchy results in more beautiful, meaningful, and communicative designs that better serve their audience.