インプレス ビジネスメディア

今さら聞けないHTML5総おさらい

昨今、Webページは、単なる「マークアップされた文書の集まり」というだけではなく、閲覧者が情報を理解しやすいようにデザインされていて、閲覧者からの情報を受け取る仕組みのある「アプリケーション」として利用されるようになってきました。

そのような潮流の中で生まれてきたHTMLの最新の改訂版であるHTML5について、従来との機能の違いや、新たに使えるようになった便利な機能などについて、解説していきます。

人気記事ランキング

  1. HTML5のドラッグ＆ドロップAPI、File API、Web Storage
  2. クロスドキュメントメッセージングやWebSocketを使ってみる
  3. 動画・音声のブラウザ対応状況、canvasによる描画
  4. HTML5の新機能、HTML4との違い

記事一覧

クロスドキュメントメッセージングやWebSocketを使ってみる

コミュニケーション系の新機能今回は、クロスドキュメントメッセージングやWebSocketなど、HTML5のコミュニケーション系の機能について解説していきます。以下の表をご覧ください。表1：HTML5のコミュニケーション系機能

飯島 聡（著）山田 祥寛（監修）

2012年5月15日 20:00

  • Web開発
  • 技術解説

HTML5のドラッグ＆ドロップAPI、File API、Web Storage

デスクトップアプリ風の機能を実装するために今回は、HTML5の新機能のうち、ドラッグ＆ドロップAPI、File API、Web Storageを説明します。サンプルファイルは以下よりダウンロードできます。　→「ドラッグ＆ドロップAPI、File API、Web StorageのHTMLサンプル」（

飯島 聡（著）山田 祥寛（監修）

2012年5月8日 20:00

  • Web開発
  • 技術解説

動画・音声のブラウザ対応状況、canvasによる描画

メディアファイルの再生今回は、前回触れた、メディアファイルの埋め込みとグラフィックス描画に関して扱います。従来、Webページで動画やオーディオを再生する場合は、Adobe Flash Player、Windows Media Player、Apple QuickTime、Microsoft Sil

飯島 聡（著）山田 祥寛（監修）

2012年4月24日 20:00

  • Web開発
  • 技術解説

HTML5の新機能、HTML4との違い

HTMLのこれまでと、進化したHTML5HTML（Hyper Text Markup Lanuguage）とは、Webページを作成するための言語です。タグと呼ばれる目印を文書に埋め込む（＝マークアップする）事で、画像やハイパーリンクを挿入したり、文書にリストや表などの意味を割り当てる事ができます。

飯島 聡（著）山田 祥寛（監修）

2012年4月17日 20:00

  • Web開発
  • 技術解説

人気記事トップ10

「Linux 7.0.3」ほかリリース ─ 長期未発見のバグ「CopyFail」修正 SIGGRAPH Asia 2025から物理AIを指向するNVIDIAのセッションを紹介 「Java」の「Swing」「Java2D」でデスクトップゲーム「Color」を開発してみよう OSSの開発者ポータル「Backstage」で「ゴールデンパス」テンプレートを作ってみよう 「Ubuntu 26.04 LTS "Resolute Raccoon"」リリース ─ 仮想化や電源管理の機能強化など多数の強化 「Arch Linux 2026.05.01」公開、「Linux 7.0」を搭載 ─ 月次スナップショット 「LibreOffice 26.2.3 Community」リリース ─ 安定性と互換性の強化 Microsoftが「MS-DOS 4.0」のソースコードをMITライセンスの下で公開 ネットワークプロトコルアナライザ「Wireshark 4.6.5/4.4.15」リリース ─ 脆弱性修正と安定性改善 Arch Linuxベースの「CachyOS」2026年4月版リリース ─ パッケージ管理やセキュリティ機能を強化
「Linux 7.0.3」ほかリリース ─ 長期未発見のバグ「CopyFail」修正 Microsoftが「MS-DOS 4.0」のソースコードをMITライセンスの下で公開 「Fedora Linux 44」リリース クラウドネイティブは「退屈」になった ー「CNCFアニュアルサーベイ2025」が映し出すAI時代のインフラ現実 「Ubuntu 26.04 LTS "Resolute Raccoon"」リリース ─ 仮想化や電源管理の機能強化など多数の強化 完璧なAIはいらない？「弱いロボット」の可能性と、名鉄グループが築いた生成AIの”土壌” 【利用率から運用設計へ】 生成AIをめぐる「競争軸」と「課題」の変遷 Linux Mint、最新カーネルを搭載したHWE ISOの提供を開始 ─ 新ハードウェア対応を強化 【サタプロ登壇レポート】AIを意図的に「バグらせる」。240名のシャッター音が鳴り止まなかった限界突破のプロンプト術 Arch Linuxベースの「CachyOS」2026年4月版リリース ─ パッケージ管理やセキュリティ機能を強化
「Linux 7.0.3」ほかリリース ─ 長期未発見のバグ「CopyFail」修正 「Ubuntu 26.04 LTS "Resolute Raccoon"」リリース ─ 仮想化や電源管理の機能強化など多数の強化 【サタプロ登壇レポート】AIを意図的に「バグらせる」。240名のシャッター音が鳴り止まなかった限界突破のプロンプト術 Microsoftが「MS-DOS 4.0」のソースコードをMITライセンスの下で公開 「Fedora Linux 44」リリース 完璧なAIはいらない？「弱いロボット」の可能性と、名鉄グループが築いた生成AIの”土壌” 「Java」の「Swing」「Java2D」でデスクトップゲーム「Color」を開発してみよう 「Git 2.54」リリース ─ 新コマンド「git history」を搭載 「VirtualBox 7.2.8」リリース ─ Linux 7.0対応など Arch Linuxベースの「CachyOS」2026年4月版リリース ─ パッケージ管理やセキュリティ機能を強化
人気記事ランキングをもっと見る

新着記事

AAAI-26からサイエンスコミュニケーションの重要さを学生たちに諭すキーノートセッションを紹介 5月1日 6:01 SIGGRAPH Asia 2025から物理AIを指向するNVIDIAのセッションを紹介 5月1日 6:00 【利用率から運用設計へ】 生成AIをめぐる「競争軸」と「課題」の変遷 4月30日 6:30 クラウドネイティブは「退屈」になった ー「CNCFアニュアルサーベイ2025」が映し出すAI時代のインフラ現実 4月30日 6:30 完璧なAIはいらない？「弱いロボット」の可能性と、名鉄グループが築いた生成AIの”土壌” 4月28日 6:30

企画広告も役立つ情報バッチリ！ Sponsored

機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化＆AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ 2025年11月28日 6:30 IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 2025年11月26日 6:30 アイレット、KDDIの属人化問題を生成AIアシスタントの精度を高め解消へ 2025年11月21日 6:30 「Grafana Cloud」の先進的ユーザーであるグリーが10年をかけて到達した「オブザーバービリティ」とは 2025年5月15日 6:30 Grafana Labs CTOのTom Wilkie氏インタビュー。スクラップアンドビルドから産まれた「トラブルシューティングの民主化」とは 2025年4月21日 6:30 API管理をより簡単にする「Kong Konnect」が解決する課題とその主要機能 2025年3月5日 5:30