スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

html5【其の一】

html5の概要について、もやもやしていた部分を調査。


―――――――――――――――――――――――――――――――――――――
①HTML5って何?
②HTML5の特徴
③HTML5のメリットとデメリット
④HTML5サイトの紹介
―――――――――――――――――――――――――――――――――――――


①HTML5って何?
―――――――――――――――――――――――――――――――――――――

HTML5とは、html4.01からバージョンアップしたマークアップ言語のことです。

マークアップとは、コンピュータに文書構造を分かりやすく理解させるために

タグという目印を付けていくことです。

(例えば、h1,h2,ul,liといったもので、開始タグと終了タグがあるものです。)

html5へのバージョンアップの背景にはこの文書構造が関係しています。

これまでのhtml4.~までは文書構造をタグでマークアップすればOKでした。

しかし、技術の進歩によりhtml4.~までのタグでは構造が表現しきれなくなり、

html5が登場しました。
―――――――――――――――――――――――――――――――――――――


②HTML5の特徴
―――――――――――――――――――――――――――――――――――――

html5の特徴は大まかに3個です。

まず、一つ目はhtml5の登場で、文書構造がより明確に示すことができる。

これまでは何でもかんでもdivでくくってしまっていたものがありました。

ヘッダを示すheader,フッタを示すfooter,一つのセクションであるsection、

記事を示すarticle、ナビゲーションを示すnavなどが追加されました。

二つ目は動画や音声データをhtmlからシンプルに扱えるうようになります。

動画や音声をwebページに埋め込むにはflash等のプラグインを利用していたのが

videoやaudioのタグを使用すればimgを埋め込む感覚で扱えます。

最後に三つ目です。html5では高度なAPIが追加されました。

主にwebアプリケーション構築で効果を発揮します。

APIとwebアプリケーションって?

まず、webアプリケーションとはwebブラウザを入口として利用できるサービス。

例えば、ECサイトのショッピングカートやブログ(CMS)、掲示板やSNS等のこと。

そして、APIとはアプリケーションを機能させる為の機能のこと。

例えば、ドラッグ&ドロップやユーザーの位置情報の取得のことです。

―――――――――――――――――――――――――――――――――――――


③HTML5のメリット
―――――――――――――――――――――――――――――――――――――

今回はwebサイト制作ベースでのメリットに限定します。
コンピューターと制作側とエンドユーザーのメリットについて。

コンピュター側
・文書を読みやすい構造になったことでページローディング時間の短縮。

制作側
・作業時間の短縮
・検索エンジンにも理解されやすくページ表示ランクのアップが期待される

エンドユーザー
・検索結果の精度があがるので必要な情報を素早く正確にキャッチできる
・ローディング時間の短縮でストレス軽減
―――――――――――――――――――――――――――――――――――――


④HTML5サイトの紹介
―――――――――――――――――――――――――――――――――――――

最前線
http://sai-zen-sen.jp/
サイトをhtml5で構築し漫画のヴューアーもhtml5で作成しているサイトです。

参照サイト
http://techblog.yahoo.co.jp/html5/html5/
http://www.htmq.com/html5/002.shtml
スポンサーサイト

theme : ホームページ・ブログ制作
genre : コンピュータ

PR
カテゴリ
最新記事
プロフィール

ハピタン

Author:ハピタン
燃焼系のweb creator

~仕事~
新宿の制作会社に入社すること早3年、現在は馬のサイトでwebデザイナーをしております。
~趣味~
体の一部と言ってもいいくらい自転車好きです!愛車はブリヂストン プレティーノ

あとは登山、旅行、温泉、舞台鑑賞を少々。
2011年から絵を趣味に追加。
詳しいプロフィールはこちら

検索フォーム
RSSリンクの表示
リンク
もろもろ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。