<?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>Semantic HTML &#187; Semantic HTML</title>
	<atom:link href="http://semantichtml.org/tag/semantic-html/feed/" rel="self" type="application/rss+xml" />
	<link>http://semantichtml.org</link>
	<description>Semantic Markup and Practices</description>
	<lastBuildDate>Fri, 21 Jan 2011 02:48:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
<image>
<link>http://semantichtml.org</link>
<url>http://semantichtml.org/wp-content/plugins/maxblogpress-favicon/icons/favicon-42.ico</url>
<title>Semantic HTML</title>
</image>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Semantic HTML &#124; What Not To Use</title>
		<link>http://semantichtml.org/semantics/semantic-html-what-not-to-use/</link>
		<comments>http://semantichtml.org/semantics/semantic-html-what-not-to-use/#comments</comments>
		<pubDate>Wed, 28 Nov 2007 00:47:18 +0000</pubDate>
		<dc:creator>Martin</dc:creator>
				<category><![CDATA[Semantics]]></category>
		<category><![CDATA[Semantic HTML]]></category>

		<guid isPermaLink="false">http://semantichtml.org/semantics/semantic-html-what-not-to-use/</guid>
		<description><![CDATA[I&#8217;m quoting from a presentation page on Semantic HTML that an author has on his site: Removed or deprecated some elements ISINDEX APPLET CENTER FONT BASEFONT STRIKE S U DIR MENU You see, semantically correct html is more than just mere correct structure, but what you use is also just as important. Old school, depreciated [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m quoting from a <a href="http://www.ermanz.govt.nz/news-events/archives/presentations/semantichtml.html" target="_blank">presentation page</a> on Semantic HTML that an author has on his site:<a href="http://www.ermanz.govt.nz/news-events/archives/presentations/semantichtml.html"> </a></p>
<blockquote>
<ul>
<li>Removed or deprecated some elements
<ul>
<li>ISINDEX</li>
<li>APPLET</li>
<li>CENTER</li>
<li>FONT</li>
<li>BASEFONT</li>
<li>STRIKE</li>
<li>S</li>
<li>U</li>
<li>DIR</li>
<li>MENU</li>
</ul>
</li>
</ul>
</blockquote>
<p>You see, semantically correct html is more than just mere correct structure, but what you use is also just as important. Old school, depreciated HTML tags are not semantical. For example, the CENTER tag. That stands for &#8220;<em>CENTER</em> the object&#8221;, right? Well, that in itself is presentational in nature &#8211; and therefore should be left to CSS (<a href="http://fiercestreetnetworks.com/web-design-tips-tricks/xhtml/xhtml.php" target="_blank">Cascading Style Sheets</a>) to do.</p>
<p>That&#8217;s where semantics take place&#8230;</p>

<span class="slashdigglicious">
<a href="http://slashdot.org/bookmark.pl?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F&amp;title=Semantic+HTML+%7C+What+Not+To+Use" title="Slashdot It!"><img src="http://slashdot.org/favicon.ico" height="16" width="16" alt="[Slashdot]" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F&amp;title=Semantic+HTML+%7C+What+Not+To+Use" title="Digg This Story"><img src="http://digg.com/favicon.ico" width="16" height="16" alt="[Digg]" /></a>
<a href="http://reddit.com/submit?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F&amp;title=Semantic+HTML+%7C+What+Not+To+Use" title="Reddit"><img src="http://reddit.com/favicon.ico" width="16" height="16" alt="[Reddit]" /></a>
<a href="http://del.icio.us/post?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F&amp;title=Semantic+HTML+%7C+What+Not+To+Use" title="Save to del.icio.us" onclick="window.open('http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F&amp;title=Semantic+HTML+%7C+What+Not+To+Use', 'delicious', 'toolbar=no,width=700,height=400'); return false;"><img src="http://images.del.icio.us/static/img/delicious.small.gif" width="16" height="16" alt="[del.icio.us]" /></a>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F" title="Share on Facebook"><img src="http://www.facebook.com/favicon.ico" width="16" height="16" alt="[Facebook]" /></a>
<a href="http://technorati.com/faves?add=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F" title="Add to my Technorati Favorites"><img src="http://technorati.com/favicon.ico" width="16" height="16" alt="[Technorati]" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F&amp;title=Semantic+HTML+%7C+What+Not+To+Use" title="Save to Google Bookmarks"><img src="http://www.google.com/favicon.ico" width="16" height="16" alt="[Google]" /></a>
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html-what-not-to-use%2F&amp;title=Semantic+HTML+%7C+What+Not+To+Use" title="Stumble it!"><img src="http://www.stumbleupon.com/favicon.ico" width="16" height="16" alt="[StumbleUpon]" /></a>
</span><img src="http://semantichtml.org/?ak_action=api_record_view&id=18&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://semantichtml.org/semantics/semantic-html-what-not-to-use/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Template Driven Semantics</title>
		<link>http://semantichtml.org/semantics/template-driven-semantics/</link>
		<comments>http://semantichtml.org/semantics/template-driven-semantics/#comments</comments>
		<pubDate>Sun, 07 Oct 2007 22:10:15 +0000</pubDate>
		<dc:creator>Martin</dc:creator>
				<category><![CDATA[Semantics]]></category>
		<category><![CDATA[Semantic HTML]]></category>
		<category><![CDATA[website templates]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress themes]]></category>

		<guid isPermaLink="false">http://semantichtml.org/semantics/template-driven-semantics/</guid>
		<description><![CDATA[What are Template Driven Semantics? A new catch phrase? No, we have too many catchy phrases already. What I mean by Template Driven Semantics is the art of creating website templates, whether they be for WordPress themes, or for a stand alone website, that are fully Plain Old Semantic HTML driven and based. The perfect [...]]]></description>
			<content:encoded><![CDATA[<p>What are Template Driven Semantics? A new catch phrase? No, we have too many catchy phrases already. What I mean by Template Driven Semantics is the art of creating website templates, whether they be for WordPress themes, or for a stand alone website, that are fully <a href="http://plainoldsemantichtml.org/">Plain Old Semantic HTML</a> driven and based. The perfect example for what I&#8217;m talking about is what&#8217;s happening with <a href="http://wordpress.org/extend/themes/" target="_blank">WordPress themes</a>.</p>
<p>You see, there&#8217;s such a need today for POSH templates in today&#8217;s market, as otherwise, web site design will maintain it&#8217;s spaghetti code, invalid, table based markup. But &#8211; and here&#8217;s my point &#8211; if we <a href="http://fiercestreetnetworks.com/web-design-tips-tricks/web-standards/">web standard</a> designers will flood the industry with our semantically correct, W3C valid and accessible template designs, we could in reality change the landscape of our industry for the good.</p>
<p>There is discussion right now in an email list I belong to, the  WP-Hackers newsgroup, about closing the security gap in the (mostly semantic) <a href="http://comox.textdrive.com/pipermail/wp-hackers/2007-November/016340.html" target="_blank">WordPress theme downloads</a>. So, not only is WordPress a platform you can count on for minimizing your administration of a website/blog &#8211; but you can also trust them too.</p>

<span class="slashdigglicious">
<a href="http://slashdot.org/bookmark.pl?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F&amp;title=Template+Driven+Semantics" title="Slashdot It!"><img src="http://slashdot.org/favicon.ico" height="16" width="16" alt="[Slashdot]" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F&amp;title=Template+Driven+Semantics" title="Digg This Story"><img src="http://digg.com/favicon.ico" width="16" height="16" alt="[Digg]" /></a>
<a href="http://reddit.com/submit?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F&amp;title=Template+Driven+Semantics" title="Reddit"><img src="http://reddit.com/favicon.ico" width="16" height="16" alt="[Reddit]" /></a>
<a href="http://del.icio.us/post?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F&amp;title=Template+Driven+Semantics" title="Save to del.icio.us" onclick="window.open('http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F&amp;title=Template+Driven+Semantics', 'delicious', 'toolbar=no,width=700,height=400'); return false;"><img src="http://images.del.icio.us/static/img/delicious.small.gif" width="16" height="16" alt="[del.icio.us]" /></a>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F" title="Share on Facebook"><img src="http://www.facebook.com/favicon.ico" width="16" height="16" alt="[Facebook]" /></a>
<a href="http://technorati.com/faves?add=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F" title="Add to my Technorati Favorites"><img src="http://technorati.com/favicon.ico" width="16" height="16" alt="[Technorati]" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F&amp;title=Template+Driven+Semantics" title="Save to Google Bookmarks"><img src="http://www.google.com/favicon.ico" width="16" height="16" alt="[Google]" /></a>
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Ftemplate-driven-semantics%2F&amp;title=Template+Driven+Semantics" title="Stumble it!"><img src="http://www.stumbleupon.com/favicon.ico" width="16" height="16" alt="[StumbleUpon]" /></a>
</span><img src="http://semantichtml.org/?ak_action=api_record_view&id=10&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://semantichtml.org/semantics/template-driven-semantics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Semantic HTML in Today&#8217;s Design World</title>
		<link>http://semantichtml.org/semantics/semantic-html/</link>
		<comments>http://semantichtml.org/semantics/semantic-html/#comments</comments>
		<pubDate>Sat, 25 Aug 2007 22:29:03 +0000</pubDate>
		<dc:creator>Martin</dc:creator>
				<category><![CDATA[Semantics]]></category>
		<category><![CDATA[Semantic HTML]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://semantichtml.org/semantics/semantic-html/</guid>
		<description><![CDATA[Semantic HTML is a term used by web professionals to describe the use of correctly laid out (X)HTML markup. Using that markup in it&#8217;s proper way, as dictated by the W3C. This semantically correct usage of web markup does not only benefit the web design community, but also the SEM (Search Engine Marketing) field as [...]]]></description>
			<content:encoded><![CDATA[<p>Semantic HTML is a term used by web professionals to describe the use of correctly laid out (X)HTML markup. Using that markup in it&#8217;s proper way, as dictated by the W3C. This semantically correct usage of web markup does not only benefit the web design community, but also the SEM (Search Engine Marketing) field as well. And that&#8217;s what this site is all about &#8211; marketable semantics.</p>
<p>You see, there are killer looking sites out there that couldn&#8217;t validate even if you put it through a blender! And then there are those standard compliant websites that are so boring that they give Web Standards a really bad name. So what&#8217;s that have to do with marketable semantics, and what exactly are  marketable semantics? Basically, they are the SEM advantage of semantically correct markup.</p>
<p>See, this site you&#8217;re at now is semantically made, but if you check hard enough, you just may find a miscellaneous error or two. See, the difference in  hardcore Web Standards vs what I like to call &#8220;Real World Web Standards&#8221; is simple. If your markup fails at some checkpoint within the W3C&#8217;s standards due to a &#8220;plugin&#8221; if you&#8217;re using WordPress, or if you&#8217;d like to monetize your website which requires the use of a bit of accessible JavaScript &#8211; <strong><em>and it</em></strong> <strong><em>does not hinder the accessibility and usability of the page</em></strong>, your best attempts of W3C validation should go applauded, but excusable.</p>

<span class="slashdigglicious">
<a href="http://slashdot.org/bookmark.pl?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F&amp;title=Semantic+HTML+in+Today%26%238217%3Bs+Design+World" title="Slashdot It!"><img src="http://slashdot.org/favicon.ico" height="16" width="16" alt="[Slashdot]" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F&amp;title=Semantic+HTML+in+Today%26%238217%3Bs+Design+World" title="Digg This Story"><img src="http://digg.com/favicon.ico" width="16" height="16" alt="[Digg]" /></a>
<a href="http://reddit.com/submit?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F&amp;title=Semantic+HTML+in+Today%26%238217%3Bs+Design+World" title="Reddit"><img src="http://reddit.com/favicon.ico" width="16" height="16" alt="[Reddit]" /></a>
<a href="http://del.icio.us/post?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F&amp;title=Semantic+HTML+in+Today%26%238217%3Bs+Design+World" title="Save to del.icio.us" onclick="window.open('http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F&amp;title=Semantic+HTML+in+Today%26%238217%3Bs+Design+World', 'delicious', 'toolbar=no,width=700,height=400'); return false;"><img src="http://images.del.icio.us/static/img/delicious.small.gif" width="16" height="16" alt="[del.icio.us]" /></a>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F" title="Share on Facebook"><img src="http://www.facebook.com/favicon.ico" width="16" height="16" alt="[Facebook]" /></a>
<a href="http://technorati.com/faves?add=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F" title="Add to my Technorati Favorites"><img src="http://technorati.com/favicon.ico" width="16" height="16" alt="[Technorati]" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F&amp;title=Semantic+HTML+in+Today%26%238217%3Bs+Design+World" title="Save to Google Bookmarks"><img src="http://www.google.com/favicon.ico" width="16" height="16" alt="[Google]" /></a>
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fsemantichtml.org%2Fsemantics%2Fsemantic-html%2F&amp;title=Semantic+HTML+in+Today%26%238217%3Bs+Design+World" title="Stumble it!"><img src="http://www.stumbleupon.com/favicon.ico" width="16" height="16" alt="[StumbleUpon]" /></a>
</span><img src="http://semantichtml.org/?ak_action=api_record_view&id=3&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://semantichtml.org/semantics/semantic-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

