<?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>ホップススタッフブログ &#187; HTML5</title>
	<atom:link href="http://www.hops.co.jp/diary/archives/tag/html5/feed" rel="self" type="application/rss+xml" />
	<link>http://www.hops.co.jp/diary</link>
	<description>ホップスは岩手・盛岡のWEBサイト制作会社です。</description>
	<lastBuildDate>Thu, 15 Sep 2011 01:56:03 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>HTML5とか</title>
		<link>http://www.hops.co.jp/diary/archives/2010/07/html5%e3%81%a8css3.html</link>
		<comments>http://www.hops.co.jp/diary/archives/2010/07/html5%e3%81%a8css3.html#comments</comments>
		<pubDate>Wed, 30 Jun 2010 16:01:16 +0000</pubDate>
		<dc:creator>mario</dc:creator>
				<category><![CDATA[ホップススタッフ]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.hops.co.jp/diary/?p=321</guid>
		<description><![CDATA[昨年まではCSS3、今年に入ってからはHTML５という単語をよく耳にします。 ホップスのサイトも気づけばHTML5で記述されています。 そもそもHTML5って何？以前の何が違って何が出来るの？という話ですが簡単に言います &#8230; <a href="http://www.hops.co.jp/diary/archives/2010/07/html5%e3%81%a8css3.html">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>昨年まではCSS3、今年に入ってからはHTML５という単語をよく耳にします。<br />
ホップスのサイトも気づけばHTML5で記述されています。</p>
<p>そもそもHTML5って何？以前の何が違って何が出来るの？という話ですが簡単に言いますと<br />
下記の とおりです。</p>
<p>■HTML5<br />
そもそもHTMLはHyperTextMarkupLanguageの略で一般的にはホームページ作成時などに記述される言語です。<br />
&lt;h1&gt;&lt;font color=&#8221;#ffffff&#8221;&gt;というようなタグがこれにあたります。<br />
その言語も何度かバージョンアップをし、HTML4.0は1997年に勧告されています。<br />
HTML5はまだ正式な勧告をされていないのですが、10数年間ずっとHTML4が主流となっています。</p>
<p>■HTML5とHTML4の違い<br />
１） 新機能の追加<br />
具体例をあげますと<a href="http://lab.hops.co.jp/" target="_blank">HOPS Laboratory</a>ではマニフェストファイルというものを用意し、キャッシュにサイトのデータを保存することで、次からはオフライン状態でもサイトが見れるようになっています。<br />
その他にもクロスドキュメントメッセージングやドラッグ＆ドロップでファイル情報が取得できるようです。<br />
２）新要素（タグ）の追加<br />
&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;といったタグが追加されます。<br />
audio、ｖｉｄｅｏといった動画や音声のためのタグもありますが<br />
中でも&lt;canvas&gt;タグが今後、頻繁に使われそうです。<br />
今まであれば円グラフをホームページに掲載する場合、画像を作成して表示するなどの方法をしていましたが今後はJavaScript＋&lt;canvas&gt;タグを使用して図形を作成することができます。<br />
&lt;canvas&gt;タグでペイントソフトを作ってしまった人もいるようです。<br />
3)以前の一部の要素（タグ）、属性の廃止<br />
&lt;font&gt;タグや配置指定で使用されるalign属性などが廃止されるようです。</p>
<p>全部説明していくとキリがないので端折りましたが、色々と調べていて興味深い機能もありましたのでHOPS Laboratoryで紹介出来ればなと思います。</p>
<p>参考サイト：（HTML5 における HTML4 からの変更点）<br />
<a target="_blank" href="http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/">http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hops.co.jp/diary/archives/2010/07/html5%e3%81%a8css3.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

