▼HTML5メモ▼
HTML5

HTML5
HTMLの複数の新仕様の総称。


主な新仕様は次の通り。
種別 API 説明 Chrome iPhone Android
グラフィックス canvas要素 グラフィックスの描画 ○
 ○ ○
サウンドとムービー audio要素 サウンドの再生 ○ ○ ○2.2以降
video要素 ムービーの再生 ○ ○ ○2.2以降
データベース Web Storage キーバリュー型のデータベースの読み書き

Local Storage：ブラウザ終了しても保存し続ける
Session Storage：ブラウザ終了したらデータ破棄
 ○ ○ ○
Web SQL Database リレーショナル型のデータベースの読み書き ○4以降 ○ ○
Indexed Database API
 高機能なキーバリュー型のデータベースの読み書き ○9以降 × ×
ファイル File API ローカルファイルの読み書き ○3以降 × ×
通信

XMLHttpRequest Level2

 HTTP通信
サーバが許可することでクロスドメイン可能
 ○ ○ ○
Web Socket ソケット通信 ○ × ×
その他 アプリケーションキャッシュ Webアプリケーションをオフラインで動作
 ○3以降 ○ ○2.2以降
Geolocation API 位置情報の取得 ○3以降 ○ ○2.2以降
Web Workers バックグラウンドでの処理の実行 ○3以降 × ×

情報源

情報源
HTML5 リファレンス
HTML5.jp HTML5リファレンス
JavaScriptによるHTML5プログラミング入門 iPhone Dev Wiki
たれログ -

サンプルプログラム

基本 データの読み書きと通信 サウンドとムービー その他
情報

コンソール出力
console.log("flag");

要素の取得
//要素の取得
function $(id) {
    return document.getElementById(id);
}

URLジャンプ
location.href="http://npaka.net"

スタイルによる絶対座標指定
style="position:absolute;left:0px;top:0px;width:320px;height:480px;"

文字列の操作
操作 利用例
代入 str="abc";
フォーマット str="a="+a;
バイトデータの文字列化 -
結合 str=a+b;
比較 if (a==b) console.log("flag");
長さ len=a.length;
サブストリング str=a.substring(start,end);
置換 str=a.replace("from","to");
文字列分割 strs=a.split(sep);
int数値 num=parseInt(a);
float数値 num=parseFloat(a);


関連技術

関連技術

−戻る−