クロスメディアエキスパート更新試験に向けて……。

みなさま、遅ればせながら、明けましておめでとうございます。
大澤です。
本年も宜しくお願いいたします。

昨年までは色に関する話を書かせていただきましたが、
今回はクロスメディアエキスパートの視点からHTML5について書こうと思います。
『クロスメディアエキスパート受験サポートガイド』の「Category-5 ネットワークとデータベース」Q3にHTML5に関する項目があります。
実は、3月に更新試験を控えています…(汗

W3C(ワールド・ワイド・ウェブ・コンソーシアム(webの技術の標準化推進のために設立された標準化団体))
により昨年10月28日(アメリカ)に正式な勧告に至りました。
とは言っても、すでに数年前から使用されてる技術です。
ブラウザでページのソースを表示し、1行目に
「<!DOCTYPE html>」と記述されていればHTML5で作成されたページということになります。
以前のは「<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>」などと、長いDOCTYPE宣言文になっているので見分けは簡単だと思います。

特徴として、canvas要素、video要素、audio要素などマルチメディアに関する要素が追加されたことによって、
Flashのような、ブラウザ標準以外のプラグインを使用することなくアニメーションなどの再現が出来るといった利点があります。

過去に、Apple CEOだった故スティーブ・ジョブズ氏がFlash(ActionScript)を遠ざけ、iPhoneやiPadなどのiOSデバイスでは再生させない、といったことや、
Flash(ActionScript)で制作したアプリはiOSアプリの審査すら通さない、なんてこともありました(現在は緩和されています)
当時、Flash(ActionScript)の勉強を開始した私としては、かなりのショックを受けたことを憶えています。

さて、昨年に購入したHTML5に関する書籍をもとに、タグを書いて検証してみましょう。
段落(paragraph)、<p>タグの中に、今回はHTML5で追加されたinputタグの属性の一部である「date」「range」「color」を記述します。
ソースは以下、

<!DOCTYPE html>
　<html lang=“ja”>
　　<head>
　　　<title>HTML5検証</title>
　　　<meta charset=“UTF-8”>
　　</head>
　　<body>
　　　<p>date:
　　　　<input type=“date”>
　　　</p>
　　　<p>range:
　　　　<input type=“range”>
　　　</p>
　　　<p>color:
　　　　<input type=“color”>
　　　</p>
　　</body>
　</html>