Semantic (X)HTML Markup: Headings and Paragraphs

Using headings on your (X)HTML pages is a great way to easily improve their accessibility and search engine rankings. However, the way headings appear in your browser often leaves much to be desired: large gaps above and below each heading, and huge font sizes. To avoid these problems, it may seem easier just to leave the heading tags out, instead using font and bold tags to simulate the look of headings. Many web developers do just this, thereby losing out on the great benefits of semantic markup. Luckily, its easy to change the way your headings display using CSS, so you can use semantic markup and still achieve the look you want.