<?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>Navarr&#039;s Tech Side &#187; (X)HTML 5</title>
	<atom:link href="http://tech.navarr.me/topics/code/xhtml-5/feed" rel="self" type="application/rss+xml" />
	<link>http://tech.navarr.me</link>
	<description>The Technical Side of my Life</description>
	<lastBuildDate>Sun, 11 Jul 2010 00:52:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<cloud domain='tech.navarr.me' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Making Google Analytics Work in XHTML</title>
		<link>http://tech.navarr.me/2010/04/making-google-analytics-work-in-xhtml.html</link>
		<comments>http://tech.navarr.me/2010/04/making-google-analytics-work-in-xhtml.html#comments</comments>
		<pubDate>Sun, 04 Apr 2010 16:37:29 +0000</pubDate>
		<dc:creator>Navarr</dc:creator>
				<category><![CDATA[(X)HTML 5]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google analytics]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[xhtml5]]></category>

		<guid isPermaLink="false">http://tech.gtaero.net/?p=431</guid>
		<description><![CDATA[I was moving my website, Google Voice for Outlook, over from HTML5 to XHTML5 today, and as soon as I did the basic content negotiation filters in PHP so that it would send the appropriate headers if the client supported XHTML as well as only outputting the &#60;?xml if the client supported XHTML, I checked [...]]]></description>
			<content:encoded><![CDATA[<p>I was moving my website, Google Voice for Outlook, over from HTML5 to XHTML5 today, and as soon as I did the basic content negotiation filters in PHP so that it would send the appropriate headers if the client supported XHTML as well as only outputting the &lt;?xml if the client supported XHTML, I checked my developer tools to find a JavaScript error.  It was Google Analytics, of course.  document.write doesn’t exist in XHTML, after all.</p>
<p>The fix was simple, replace the current four line inclusion code with:</p>
<pre><div id="wpshdo_1" class="wp-synhighlighter-outer"><div id="wpshdt_1" class="wp-synhighlighter-expanded"><table border="0" width="100%"><tr><td align="left" width="80%"><a name="#codesyntax_1"></a><a id="wpshat_1" class="wp-synhighlighter-title" href="#codesyntax_1"  onClick="javascript:wpsh_toggleBlock(1)" title="Click to show/hide code block">Code block</a></td><td align="right"><a href="#codesyntax_1" onClick="javascript:wpsh_code(1)" title="Show code only"><img border="0" style="border: 0 none" src="http://tech.navarr.me/wp-content/plugins/wp-synhighlight/themes/default/images/code.png" /></a>&nbsp;<a href="#codesyntax_1" onClick="javascript:wpsh_print(1)" title="Print code"><img border="0" style="border: 0 none" src="http://tech.navarr.me/wp-content/plugins/wp-synhighlight/themes/default/images/printer.png" /></a>&nbsp;<a href="http://tech.navarr.me/wp-content/plugins/wp-synhighlight/About.html" target="_blank" title="Show plugin information"><img border="0" style="border: 0 none" src="http://tech.navarr.me/wp-content/plugins/wp-synhighlight/themes/default/images/info.gif" /></a>&nbsp;</td></tr></table></div><div id="wpshdi_1" class="wp-synhighlighter-inner" style="display: block;"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
	<span style="color: #003366; font-weight: bold;">var</span> gaJsHost <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;https:&quot;</span> <span style="color: #339933;">==</span> document.<span style="color: #660066;">location</span>.<span style="color: #660066;">protocol</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot;https://ssl.&quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;http://www.&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> script <span style="color: #339933;">=</span> document.<span style="color: #660066;">createElement</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;script&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	script.<span style="color: #660066;">src</span> <span style="color: #339933;">=</span> gaJsHost <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;google-analytics.com/ga.js&quot;</span><span style="color: #339933;">;</span>
	script.<span style="color: #660066;">type</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">;</span>
	document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;head&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#91;</span>0<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">appendChild</span><span style="color: #009900;">&#40;</span>script<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div></pre>
<p>This will work fine, unless of course you have no head tag.  In which case you should replace getElementsByTagName(“head”) with getElementsByTagName(“html”).</p>
]]></content:encoded>
			<wfw:commentRss>http://tech.navarr.me/2010/04/making-google-analytics-work-in-xhtml.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>HTML5 Being a Pain in My Ass Again</title>
		<link>http://tech.navarr.me/2010/04/html5-being-a-pain-in-my-ass-again.html</link>
		<comments>http://tech.navarr.me/2010/04/html5-being-a-pain-in-my-ass-again.html#comments</comments>
		<pubDate>Sat, 03 Apr 2010 14:09:32 +0000</pubDate>
		<dc:creator>Navarr</dc:creator>
				<category><![CDATA[<video>]]></category>
		<category><![CDATA[(X)HTML 5]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[h264]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[theora]]></category>
		<category><![CDATA[xhtml5]]></category>

		<guid isPermaLink="false">http://tech.gtaero.net/2010/04/html5-being-a-pain-in-my-ass-again.html</guid>
		<description><![CDATA[This time in regards to the highly acclaimed and very well received &#60;video&#62; element. On my website, Google Voice for Outlook I use the &#60;video&#62; tag to show a demonstration of the system working.&#160; I don’t currently have a way to encode in ogg, and/or am too lazy too, so I decided that if the [...]]]></description>
			<content:encoded><![CDATA[<p>This time in regards to the highly acclaimed and very well received &lt;video&gt; element.</p>
<p>On my website, <a href="http://www.gvoms.com/">Google Voice for Outlook</a> I use the &lt;video&gt; tag to show a demonstration of the system working.&#160; I don’t currently have a way to encode in ogg, and/or am too lazy too, so I decided that if the web browser didn’t support h264 video, it’d fall back to the YouTube video.&#160; The expected result (from me, of course) was that if it can’t display the video, it’d display the YouTube.&#160; Apparently though, in FireFox it does not fall back to the YouTube video and instead just displays a gray box, and the fault this time doesn’t lie with FireFox, but with the standard:</p>
<blockquote><p>Content may be provided inside the video element. User agents should not show this content to the user; it is intended for older Web browsers which do not support video, so that legacy video plugins can be tried, or to show text to the users of these older browsers informing them of how to access the video contents. </p></blockquote>
<p>Ugh!&#160; This means that if you want to use &lt;video&gt; on any website, ever, properly, you’re going to have to encode it in both h264 and Theora until the industry decides on a set standard.</p>
<p>Purely Atrocious.</p>
]]></content:encoded>
			<wfw:commentRss>http://tech.navarr.me/2010/04/html5-being-a-pain-in-my-ass-again.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Needed in (X)HTML 5 &#8211; An extension to the Meta Tag</title>
		<link>http://tech.navarr.me/2010/02/needed-in-xhtml-5-an-extension-to-the-meta-tag.html</link>
		<comments>http://tech.navarr.me/2010/02/needed-in-xhtml-5-an-extension-to-the-meta-tag.html#comments</comments>
		<pubDate>Tue, 02 Feb 2010 23:07:25 +0000</pubDate>
		<dc:creator>Navarr</dc:creator>
				<category><![CDATA[(X)HTML 5]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[meta]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[xhtml5]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://tech.gtaero.net/2010/02/needed-in-xhtml-5-an-extension-to-the-meta-tag.html</guid>
		<description><![CDATA[I was thinking today, while reading an article about redirect – that there is currently no way to accurately and semantically tell a user/bot that a web page is located somewhere else when you only have access to static (X)HTML files.&#160; However, there is a workaround a lot of people use that dampens usability, and [...]]]></description>
			<content:encoded><![CDATA[<p>I was thinking today, while reading an article about redirect – that there is currently no way to accurately and semantically tell a user/bot that a web page is located somewhere else when you only have access to static (X)HTML files.&#160; However, there is a workaround a lot of people use that dampens usability, and there is an attribute whose name would seem to imply that a way to do it should be possible.</p>
<p>By this of course, I’m referring to &lt;meta http-equiv=&quot;&quot; /&gt;.</p>
<p>Currently, people wanting to relocate their web pages rely on an older value to this tag that seems to have been originally designed for moving one person from one page to another in a set increment of time:</p>
<p>&lt;meta http-equiv=&quot;refresh&quot; content=&quot;0;URL=http://domain.tld/location&quot; /&gt;</p>
<p>This doesn’t appear to be what this value should be used for, and has very negative consequences for search engines and parsers.&#160; Instead, don’t you think we should be using http-equiv to its full potential?</p>
<p>To this, I propose the addition of &lt;meta http-equiv=&quot;location&quot; /&gt;, to properly match the HTTP Header for redirection.</p>
<p>I think there should be two ways to use this:</p>
<p>&lt;meta http-equiv=&quot;location&quot; content=&quot;http://domain.tld/location&quot; /&gt; <em>and</em></p>
<p>&lt;meta http-equiv=&quot;location&quot; content=&quot;301;http://domain.tld/location&quot; /&gt;.</p>
<p>Obviously, the second example gives us both a *three digit* HTTP Code, and the URL for redirection.&#160; Since HTTP codes are only three numbers (though in the future may be greater digits) there still should not be any problem.</p>
]]></content:encoded>
			<wfw:commentRss>http://tech.navarr.me/2010/02/needed-in-xhtml-5-an-extension-to-the-meta-tag.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
