<?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>DevtheWeb.NET &#187; HTML</title>
	<atom:link href="http://www.devtheweb.net/blog/category/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.devtheweb.net/blog</link>
	<description></description>
	<lastBuildDate>Tue, 06 Dec 2011 19:25:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>HTML5 Video Tag Support</title>
		<link>http://www.devtheweb.net/blog/2010/01/22/html5-video-tag-support/</link>
		<comments>http://www.devtheweb.net/blog/2010/01/22/html5-video-tag-support/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 08:35:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.devtheweb.net/blog/?p=688</guid>
		<description><![CDATA[In my opinion, one of the most impressive new tags in html5 is the video tag, that allows you to include video in your web page as easy as including images, ex: &#60;video src=&#8221;your-movie.ogg&#8221; controls=&#8221;controls&#8221;&#62; your browser does not support the video tag &#60;/video&#62; That was the good news, the bad news is that the [...]]]></description>
			<content:encoded><![CDATA[<p>In my opinion, one of the most impressive new tags in html5 is the video tag, that allows you to include video in your web page as easy as including images, ex:</p>
<p>&lt;video src=&#8221;your-movie.ogg&#8221; controls=&#8221;controls&#8221;&gt;<br />
your browser does not support the video tag<br />
&lt;/video&gt;</p>
<p>That was the good news, the bad news is that the video tag<!--adsense--> isn&#8217;t supported by the most used browser IE. Html5 video tag is not supported even by the latest version of Internet Explorer &#8211; IE 8.</p>
<p>Here&#8217;s more info which browsers supports html5 video tag:</p>
<table border="1" cellpadding="5">
<tbody>
<tr>
<td></td>
<td>First version that supports html5 video tag</td>
</tr>
<tr>
<td>IE</td>
<td>not implemented in IE 8</p>
<p>Hopefully, it will be implemented in IE 9</td>
</tr>
<tr>
<td>Firefox</td>
<td>3.1</td>
</tr>
<tr>
<td>Chrome</td>
<td>3.0.182.2</td>
</tr>
<tr>
<td>Opera</td>
<td>9.52</td>
</tr>
<tr>
<td>Safari</td>
<td>3.1</td>
</tr>
</tbody>
</table>
<p>If your browser supports html5 video tag, you can view demo of this tag in action <a href="http://html5demos.com/video" target="_blank">HERE</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devtheweb.net/blog/2010/01/22/html5-video-tag-support/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What&#8217;s new in HTML5?</title>
		<link>http://www.devtheweb.net/blog/2010/01/18/whats-new-in-html5/</link>
		<comments>http://www.devtheweb.net/blog/2010/01/18/whats-new-in-html5/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 07:59:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.devtheweb.net/blog/?p=534</guid>
		<description><![CDATA[Here&#8217;s a brief article about what&#8217;s new in HTML 5: 1. New Multimedia Tags Nowadays, it&#8217;s hard to find website without some multimedia on them, that&#8217;s why it&#8217;s expected the multimedia tags to become a standard. Multimedia tags that are supported by HTML5 are video, audio and embed. The embed tag has been used by [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a brief article about what&#8217;s new in HTML 5:</p>
<p><strong>1. New Multimedia Tags<br />
</strong><br />
Nowadays, it&#8217;s hard to find website without some multimedia on them, that&#8217;s why it&#8217;s expected the multimedia tags to become a standard. Multimedia tags that are supported by HTML5 are <em>video</em>, <em>audio</em> and <em>embed</em>.</p>
<p>The embed tag has been used by Netscape Navigator and later by FF, instead of the &lt;object&gt; tag. Now, it’s an official HTML5 tag and you can use it to define embedded content.</p>
<p><strong>2. New Section Tags<br />
</strong><br />
Is there a website without a header? What we used to do is to</p>
<div style="float: left; padding-right: 3px;"><!--adsense--></div>
<p>define in the css file id attribute #header and in the top of the page to add &lt;div id = &#8220;header&#8221;&gt; &#8230; &lt;/div&gt;. Now, we have  &lt;header&gt; tag <img src='http://www.devtheweb.net/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>I always wrap my site navigation with &lt;ul&gt; and &lt;li&gt; tags. But that is also changed by adding the &lt;nav&gt; tag.</p>
<p>The &lt;section&gt; tag will be used to to define external articles.  This tag is supposed to wrap, for example, an excerpt for an article that is not on your site, but on someone else.</p>
<p>The &lt;aside&gt; tag defines content that is an aside to the main content, ex. ro wrap related article links.</p>
<p><strong>3. Other Semantic Tags</strong></p>
<p>Other HTML5 semantic tags are &lt;dialog&gt;, &lt;time&gt;, &lt;output&gt;, &lt;meter&gt; and &lt;mark&gt;. They are used to wrap content with tags that semantically define what that content is.</p>
<p><strong>4. &lt;B&gt; Tag in HTML 5</strong></p>
<p>In HTML 4, it was considered a deprecated tag since text should</p>
<div style="float: right; padding-left: 3px;"><!--adsense--></div>
<p>be made bold using CSS rules. However, in HTML 5, the &lt;b&gt; is back <img src='http://www.devtheweb.net/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  It should be used to mark text that is structurally bold, but not necessarily visually bold. It should wrap text that is more important than the rest of the sentences.</p>
<form id="formPoll" action="http://www.devtheweb.net/polls/poll-will-html-5-change-the-web-as-we-know-it.aspx?embed=true#vote" method="post">
<div><strong>Will HTML 5 change the web as we know it?</strong></div>
<div>
<input id="option1" name="poll" type="radio" value="option1" /><label for="option1">Yes</label></div>
<div>
<input id="option2" name="poll" type="radio" value="option2" /><label for="option2">Maybe</label></div>
<div>
<input id="option3" name="poll" type="radio" value="option3" /><label for="option3">No</label></div>
<div>
<input id="option4" name="poll" type="radio" value="option4" /><label for="option4">I don&#8217;t know</label></div>
<div>
<input onclick="this.form.target='_blank';return true;" type="submit" value="VOTE" /></div>
<div><a href="http://www.devtheweb.net/polls/poll-will-html-5-change-the-web-as-we-know-it.aspx#results" target="_blank">View Results</a></div>
</form>
<p>If want to learn more about HTML5, you can check out the article <a href="http://www.devtheweb.net/blog/2010/01/03/html5-resources/" target="_blank">HTML5 Resources</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devtheweb.net/blog/2010/01/18/whats-new-in-html5/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HTML5 Resources</title>
		<link>http://www.devtheweb.net/blog/2010/01/03/html5-resources/</link>
		<comments>http://www.devtheweb.net/blog/2010/01/03/html5-resources/#comments</comments>
		<pubDate>Sun, 03 Jan 2010 14:06:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.devtheweb.net/blog/?p=353</guid>
		<description><![CDATA[HTML5 is the next major revision of HTML (Hypertext Markup Language). It adds a number of new elements and attributes that will change the usage on Web sites. If you want to learn more about HTML5, here are some useful resources: 1. WHATWG (Web Hypertext Application Technology Working Group) HTML &#8211; latest working specification of [...]]]></description>
			<content:encoded><![CDATA[<p>HTML5 is the next major revision of HTML (Hypertext Markup Language). It adds a number of new elements and attributes that will change the usage on Web sites.</p>
<p>If you want to learn more about HTML5, here are some useful resources:</p>
<p><strong>1. WHATWG (Web Hypertext Application Technology Working Group) HTML</strong> &#8211; latest working specification of HTML 5.<br />
URL: <a href="http://whatwg.org/html5" target="_blank">http://whatwg.org/html5</a><br />
<!--adsense--><br />
<strong>2. The Blog of WHATWG</strong><br />
URL: <a href="http://blog.whatwg.org/" target="_blank">http://blog.whatwg.org/</a></p>
<p><strong>3. Doctor HTML5</strong> &#8211; Articles about HTML5 that could help you implement HTML5.<br />
<a href="http://www.devtheweb.net/blog/wp-content/uploads/2010/01/html-5-doctor.gif" rel="lightbox[353]"><img class="alignnone size-medium wp-image-354" title="html-5-doctor" src="http://www.devtheweb.net/blog/wp-content/uploads/2010/01/html-5-doctor-300x246.gif" alt="" width="300" height="246" /></a><br />
URL: <a href="http://html5doctor.com/" target="_blank">http://html5doctor.com/</a></p>
<p><strong>4. Html5 Demos and Examples</strong><br />
URL: <a href="http://html5demos.com/" target="_blank">http://html5demos.com/</a><br />
<!--adsense--><br />
<strong>5. Html5 Gallery</strong><br />
<a href="http://www.devtheweb.net/blog/wp-content/uploads/2010/01/html-5-gallery.gif" rel="lightbox[353]"><img class="alignnone size-medium wp-image-355" title="html-5-gallery" src="http://www.devtheweb.net/blog/wp-content/uploads/2010/01/html-5-gallery-300x245.gif" alt="" width="300" height="245" /></a><br />
URL: <a href="http://html5gallery.com/" target="_blank">http://html5gallery.com/</a></p>
<p><strong>6. HTML5 Validator</strong> &#8211; here you can check if your website passes HTML5<br />
validation<br />
URL: <a href="http://html5.validator.nu/" target="_blank">http://html5.validator.nu/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devtheweb.net/blog/2010/01/03/html5-resources/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

