Semantic markup is the use of descriptive HTML tags to describe the content of a web page. For example, using a "p" tag to mark up a paragraph of text or using a "ul" tag to makup a list and "li" tags for its list elements. Semantic markup permits both user and the computers to "understand" the meaning of the content that is being presented. Many designers believe the structure should be separate the presentation or the design, so the content of the pages remain "pure" and be easily understood when the design is stripped away. One of the more common things that people do is that they tend to use "table"s to format their pages. Some designers believe "table" should only be used to markup tabular data which consists of columns and rows. They thing using "table" to layout pages was trick to be able to layout paged before CSS was widely support. Some more of the semantic mistakes are:
- Using h1 , h2, h3...tags to increase the font size or making the text bold.
- Using "line break" tag to put more space between the elements.
- Using more than one "h1" tags in a page, since it should only be used for the top level headline.
