◆HTML5とは
htmlの標準化団体であるw3cが2010年に策定したhtmlのバージョン5
◆HTML5特徴
構造化タグと動画編集タグの追加が大きな特徴
・header,footer,articleなど、ヘッダー、フッター、
記事部分がどこか区別されるようになった。
・audio.video,canvasタグにより、動画編集が可能になった。
◆HTML5範囲
広義な意味だとcss3とセット
狭義な意味だとhtml5タグとAPI
◆構造化タグの細分化
header,navi,section,article,footer などの構造化タグが追加
検索エンジンに明確に文章構造を伝えられるようになった
┌──────────┐
|header |
└──────────┘
┌──────┐┌──┐
|section ||navi|
|┌────┐|| |
||article ||| |
|└────┘|| |
└──────┘└──┘
┌──────────┐
|footer |
└──────────┘
◆canvasとは
html5で新規に指定されたタグでJavaScriptを使い図を描くことができます
◆WebStorage
データをブラウザ側で保存する機能
「cookie」よりも大容量で長期間の保存が可能
・セッションストレージ
ウィンドウが開いている間は有効でウインドウが閉じられるとデータは破棄
・ローカルストレージ
ウインドウを閉じても有効で自分のPC内に永続的に保存
◆HTML5の書き出し
<!DOCTYPE html>
<html lang="ja">