Semantic HTML Tags

Semantics are a tricky thing to understand. When you write HTML semantically, you focus on the meaning of the content rather than just on getting it up on the web. But it often seems silly to worry about the meaning, after all, if you’ve written the text well, any person reading it will be able to figure out the meaning. But web pages can be read by computers and when you add semantics that helps computers recognize what the content is.
The nice thing is there are already a lot of HTML tags that you are probably already using that have semantic or functional meanings. Find out more: HTML Tags That Define Semantic Meaning
HTML Tags and Semantics

• Why Use Semantic HTML?
• What is the Semantic Web Compared to the Structured Web
• HTML 5 Tags

Continue reading...

 

Use Semantic Tags Correctly
When you start to use semantic tags to convey meaning rather than presentation, you need to be careful that you don't use them incorectly simply for their common display properties. Some of the most commonly misused semantic tags include:
1.blockquote
2.p
3.ul
4.h1–h6

 

Semantic markup is XHTML that has been written to define the context of the content enclosed in the markup. This means that headers would be defined by <h1> through <h6> elements,
<p>
<ol>
<ul>
and so on. Tags that only have a meaning referring to style, such as <b> and <i> should be avoided in favor of tags that provide a semantic meaning along with their standard styles, such as <strong> and <em>