<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webpage Designer Blog &#187; Semantic Markup</title>
	<atom:link href="http://www.webpage-designer.net/tag/semantic-markup/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webpage-designer.net</link>
	<description>All about web design, designers and web 2.0</description>
	<lastBuildDate>Wed, 24 Jun 2009 03:30:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Semantic Markup Tag Reference</title>
		<link>http://www.webpage-designer.net/semantic-markup-tag-reference/</link>
		<comments>http://www.webpage-designer.net/semantic-markup-tag-reference/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 03:07:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Semantic Markup]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.webpage-designer.net/?p=144</guid>
		<description><![CDATA[If you care at all about Search Engine Optimization than you need to know Semantic Markup with your eyes closed!
It is the foundation of good SEO and without it you are doomed to a life of sub-par SERPs. Even if you know everything about SEO, bad semantic markup is enough on its own to kill [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-148" title="Semantic Markup" src="http://www.webpage-designer.net/wp-content/uploads/2009/06/Semantic-markup-html.jpg" alt="Semantic Markup" width="300" height="200" />If you care at all about Search Engine Optimization than you need to know Semantic Markup with your eyes closed!</p>
<p>It is the foundation of good SEO and without it you are doomed to a life of sub-par SERPs. Even if you know <a title="SEO Terms" href="http://www.seo-terms.net/">everything about SEO</a>, bad semantic markup is enough on its own to kill your rankings. So don’t forget to use it on all your webpages!<br />
<span id="more-144"></span></p>
<p>Here is a list of some of the most <strong>common Semantic tags</strong> that you should know:</p>
<h2>Heading Tags &#8211; &lt;H1&gt;, &lt;H2&gt;, etc.</h2>
<p>H1, H2, H3, H4, H5, H6.</p>
<p>Example: <code>&lt;h1&gt;Our Company&lt;/h1&gt;</code> </p>
<h2>Paragraph Tag &#8211; &lt;p&gt;</h2>
<p>The P tga. Use the P element for paragraphs. Don’t use the element to instead provide paragraph-like breaks.</p>
<p>Example: <code>&lt;p&gt;This is a paragraph of text.&lt;/p&gt;</code></p>
<h2>Emphasis Tag &#8211; &lt;em&gt;</h2>
<p>The EM tag. Use the EM element for emphasis. If you’re after italicized text aside from emphasized text or citations use CSS (font-style:italic) rather than EM or I.</p>
<p>Example: <code>This is &lt;em&gt;important&lt;/em&gt;.</code></p>
<h2>Strong Tag &#8211; &lt;strong&gt;</h2>
<p>The STRONG tag. Use for even stronger emphasis.</p>
<p>Example: <code>This is &lt;strong&gt;even more important&lt;/strong&gt;.</code></p>
<h2>Cite Tag &#8211; &lt;cite&gt;</h2>
<p>The CITE Tag. Contains a citation or a reference to other sources.</p>
<p>Example: <code><em>&lt;cite&gt;Designing with Web Standards&lt;/cite&gt;</em> is an book by Jeff Zeldman.</code></p>
<h2>Blockquote Tag &#8211; &lt;blockquote&gt;</h2>
<p>The BLOCKQUOTE tag. Don’t use BLOCKQUOTE just for text indenting. If you want to indent text, use CSS margins, padding, or a combination of both. Likewise, if you don’t want to use BLOCKQUOTE because of its block-level characteristics, you can use CSS to change them, too.</p>
<p>Example: <code>&lt;blockquote&gt;This is a paragraph of text I want to indent.&lt;/blockquote &gt;</code></p>
<h2>List Tags &#8211; &lt;ol&gt;, &lt;ul&gt;, &lt;li&gt;</h2>
<p>OL, UL, LI. When you have a list of something, use the list element tags. While there are a few choices of list style types, these can be replaced with images using CSS. It’s also possible to hide bullets completely, change indenting, use lists inline or block, and more.</p>
<p>Example:<br />
<code>&lt;ul&gt;</code><br />
<code>&lt;li&gt;</code>Red<code>&lt;/li&gt;</code><br />
<code>&lt;li&gt;</code>Blue<code>&lt;/li&gt;</code><br />
<code>&lt;li&gt;</code>Green<code>&lt;/li&gt;</code><br />
<code>&lt;/ul&gt;</code></p>
<h2>Definition Tags &#8211; &lt;dl&gt;, &lt;dt&gt;, &lt;dd&gt;</h2>
<p>DL, DT, DD. Use definition list elements for terms and their corresponding descriptions.<br />
Example:<br />
<code>&lt;dl&gt;</code><br />
<code>&lt;dt&gt;</code><strong> Absolute link</strong><code>&lt;/dt&gt;</code><br />
<code>&lt;dd&gt;</code> A link which shows the full URL of the page being linked at. Some links only show relative link paths instead of having the entire reference URL within the a href tag.<code>&lt;/dd&gt;</code><br />
<code>&lt;dt&gt;</code><strong> Deep linking</strong><code>&lt;/dt&gt;</code><br />
<code>&lt;dd&gt;</code> Deep linking, on the World Wide Web, is making a hyperlink that points to a specific page or image on another website, instead of that website&#8217;s main or home page. Such links are called deep links.<code>&lt;/dd&gt;</code><br />
<code>&lt;dt&gt;</code><strong> Long Tail</strong><code>&lt;/dt&gt;</code><br />
<code>&lt;dd&gt;</code> The word long tail is being used to describe a (niche) longer keyword focus while writing content for search engine optimization.<code>&lt;/dd&gt;</code><br />
<code>&lt;/dl&gt;</code></p>
<p> Source: <cite><a title="SEO Cheat Sheet" href="http://www.seocheatsheet.info/">SEO Cheat Sheet</a></cite></p>
<h2>Here is a sample of Semantic HTML Markup:</h2>
<p><code>&lt;h1&gt;This is the most important headline&lt;/h1&gt;</code><br />
<code>&lt;p&gt;This is ordinary paragraph text, where certain </code><code>words and phrases may be &lt;em&gt;emphasized&lt;/em&gt; to mark them as</code><br />
<code>&lt;strong&gt;particularly important&lt;/strong&gt;.&lt;/p&gt;</code><br />
<code>&lt;h2&gt;This is a headline of secondary importance to the headline above&lt;/h2&gt;</code><br />
<code>&lt;p&gt;Any time you list related things, the items should be marked up in the form of a list:&lt;/p&gt;</code><br />
<code>&lt;ul&gt;</code><br />
<code>&lt;li&gt;A list signals that a group of items are conceptually related to each other&lt;/li&gt;</code><br />
<code>&lt;li&gt;Lists may be ordered (numbered or alphabetic) or unordered (bulleted items)&lt;/li&gt;</code><br />
<code>&lt;li&gt;Lists may also be menus or lists of links for navigation &lt;/li&gt;</code><br />
<code>&lt;li&gt;Cascading Style Sheets can make lists look many different ways&lt;/li&gt;</code><br />
<code>&lt;/ul&gt;</code></p>
<h4>Related Blogs</h4>
<ul class="pc_pingback">
<li class="hdl" style="list-style: none">Related Blogs on <strong>Semantic Markup</strong></li>
<li><a href="http://www.kelpdesign.com/tech-talk/rdfa-vs-microformats/">What&#8217;s the difference between RDFa vs Microformats? | kelpdesign</a></li>
<li><a href="http://fullbleed.adcmw.org/articles/css-advice-for-designers-from-designers/">CSS Advice for Designers from Designers : FullBleed</a></li>
<li><a href="http://sharebrain.info/books/css-books/transcending-css-the-fine-art-of-web-design-voices-that-matter/5914/">CSS Books: Transcending CSS: The Fine Art of Web Design (Voices <strong>&#8230;</strong></a></li>
<li><a href="http://hitachidatainteractive.com/2009/06/23/xbrl-and-semantic-technologies/">Hitachi XBRL » Blog Archive » XBRL and <strong>Semantic</strong> Technologies</a></li>
<li><a href="http://mytechworld.officeacuity.com/?p=335">Semantic HTML &#8211; What is it; Why bother?</a></li>
</ul>
<ul class="pc_pingback">
<li class="hdl" style="list-style: none">Related Blogs on <strong>SEO</strong></li>
<li><a href="http://bloggerstools.com/seo-services-for-local-business-marketing/"><strong>SEO</strong> Services For Local Business Marketing | Bloggers Tools</a></li>
<li><a href="http://dotyourbusiness.info/?p=41">Dot Your Business » 5 <strong>seo</strong> plugins to wordpress</a></li>
<li><a href="http://seo2.0.onreact.com/matt-cutts-acknowledges-seo-20-tactic-of-linking-out-as-ranking-factor-nofollow-is-dead"><strong>SEO</strong> 2.0 | Matt Cutts Acknowledges <strong>SEO</strong> 2.0 Tactic of Linking Out as <strong>&#8230;</strong></a></li>
<li><a href="http://raven-seo-tools.com/blog/475/seo-daily-reading-issue-148"><strong>SEO</strong> Daily Reading &#8211; Issue 148 « Internet Marketing Blog</a></li>
<li><a href="http://www.socialbookmarksmadeeasy.com/21858/seo-link-building-articles/"><strong>Seo</strong>: Link Building &amp; Articles</a></li>
</ul>
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-sexy"><ul class="socials"><li class="sexy-twitter"><a href="http://twitter.com/home?status=Semantic+Markup+Tag+Reference+-+http://www.webpage-designer.net/144+(via+@webdevjobsearch)" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li class="sexy-facebook"><a href="http://www.facebook.com/share.php?u=http://www.webpage-designer.net/semantic-markup-tag-reference/&amp;t=Semantic+Markup+Tag+Reference" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a></li><li class="sexy-delicious"><a href="http://del.icio.us/post?url=http://www.webpage-designer.net/semantic-markup-tag-reference/&amp;title=Semantic+Markup+Tag+Reference" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a></li><li class="sexy-digg"><a href="http://digg.com/submit?phase=2&amp;url=http://www.webpage-designer.net/semantic-markup-tag-reference/&amp;title=Semantic+Markup+Tag+Reference" rel="nofollow" class="external" title="Digg this!">Digg this!</a></li><li class="sexy-stumbleupon"><a href="http://www.stumbleupon.com/submit?url=http://www.webpage-designer.net/semantic-markup-tag-reference/&amp;title=Semantic+Markup+Tag+Reference" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a></li><li class="sexy-technorati"><a href="http://technorati.com/faves?add=http://www.webpage-designer.net/semantic-markup-tag-reference/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a></li><li class="sexy-linkedin"><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.webpage-designer.net/semantic-markup-tag-reference/&amp;title=Semantic+Markup+Tag+Reference&amp;summary=If%20you%20care%20at%20all%20about%20Search%20Engine%20Optimization%20than%20you%20need%20to%20know%20Semantic%20Markup%20with%20your%20eyes%20closed%21%0D%0A%0D%0AIt%20is%20the%20foundation%20of%20good%20SEO%20and%20without%20it%20you%20are%20doomed%20to%20a%20life%20of%20sub-par%20SERPs.%20Even%20if%20you%20know%20everything%20about%20SEO%2C%20bad%20semantic%20markup%20is%20enough%20on%20its%20own%20to%20kill%20your%20&amp;source=Webpage Designer Blog" rel="nofollow" class="external" title="Share this on Linkedin">Share this on Linkedin</a></li><li class="sexy-mail"><a href="mailto:?subject=%22Semantic%20Markup%20Tag%20Reference%22&amp;body=I%20thought%20this%20article%20might%20interest%20you.%0A%0A%22If%20you%20care%20at%20all%20about%20Search%20Engine%20Optimization%20than%20you%20need%20to%20know%20Semantic%20Markup%20with%20your%20eyes%20closed%21%0D%0A%0D%0AIt%20is%20the%20foundation%20of%20good%20SEO%20and%20without%20it%20you%20are%20doomed%20to%20a%20life%20of%20sub-par%20SERPs.%20Even%20if%20you%20know%20everything%20about%20SEO%2C%20bad%20semantic%20markup%20is%20enough%20on%20its%20own%20to%20kill%20your%20%22%0A%0AYou%20can%20read%20the%20full%20article%20here%3A%20http://www.webpage-designer.net/semantic-markup-tag-reference/" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li class="sexy-comfeed"><a href="http://www.webpage-designer.net/semantic-markup-tag-reference/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a></li></ul><div style="clear:both;"></div></div>]]></content:encoded>
			<wfw:commentRss>http://www.webpage-designer.net/semantic-markup-tag-reference/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
