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

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

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

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

人気記事ランキング

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

記事一覧

クロスドキュメントメッセージングや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カーネル「Linux 7.0」リリース ─ 安定版として正式公開 「Application Model」の過去と現在 ーOAMからPlatform Engineeringへ 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化＆AI連携 Meta、新AIモデル発表やAIグラス向けの開発ツールの詳細、屋内環境における3D物体検出モデルを公開 ほか コマンド1行で作業を劇的に効率化! 今日から使える「ワンライナー」集 Google DeepMind「CO-REDTEAM」が示す自律型脆弱性診断の未来 「Capsule」でKubernetesのマルチテナント環境を構築する Roblox CEO、プラットフォーム経済圏の現在地を語る、Autodesk VREDがApple Vision Pro対応 ほか MySQLで線やポリゴンの距離を測定してみよう AIの国際会議、AAAI-26がシンガポールで開催。3万件以上の応募論文をレビューする生成AIレビューを紹介
もっと仕事でCopilotを使いこなせる方法がわかる！『Microsoft 365 Copilot踏み込み活用術』を5名様にプレゼント！ コマンド1行で作業を劇的に効率化! 今日から使える「ワンライナー」集 「Application Model」の過去と現在 ーOAMからPlatform Engineeringへ Linuxカーネル「Linux 7.0」リリース ─ 安定版として正式公開 AIの国際会議、AAAI-26がシンガポールで開催。3万件以上の応募論文をレビューする生成AIレビューを紹介 「Capsule」でKubernetesのマルチテナント環境を構築する 【生成AIの事例トレンド】「試用」から「本格的な組み込み」のフェーズへ 「OpenSSL 3.6.2」リリース ─ 複数の脆弱性を修正 Linuxディストリビューション「Trisquel 12.0 "Ecne"」リリース ─ 完全フリーソフト構成のディストリビューション Linuxディストリビューション「Artix Linux 2026.04」リリース ─ XLibreを標準採用
もっと仕事でCopilotを使いこなせる方法がわかる！『Microsoft 365 Copilot踏み込み活用術』を5名様にプレゼント！ Goバイナリを徹底軽量化! ーバイナリの内訳計測から依存の整理まで コマンド1行で作業を劇的に効率化! 今日から使える「ワンライナー」集 【生成AIの事例トレンド】「試用」から「本格的な組み込み」のフェーズへ 「Application Model」の過去と現在 ーOAMからPlatform Engineeringへ 「Wine 11.6」リリース─ Androidドライバ再実装やVBScript改善など Linuxカーネル「Linux 7.0」リリース ─ 安定版として正式公開 【シリコンバレーに「日本のOJT」で挑む】AI GALA と AI Salon が証明した東海AIエコシステムの真髄 AIの国際会議、AAAI-26がシンガポールで開催。3万件以上の応募論文をレビューする生成AIレビューを紹介 「Capsule」でKubernetesのマルチテナント環境を構築する
人気記事ランキングをもっと見る

新着記事

機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化＆AI連携 4月14日 6:30 Google DeepMind「CO-REDTEAM」が示す自律型脆弱性診断の未来 4月14日 6:30 Meta、新AIモデル発表やAIグラス向けの開発ツールの詳細、屋内環境における3D物体検出モデルを公開 ほか 4月13日 6:30 SIGGRAPH Asia 2025、Wayveの合成データによる強化学習に関するキーノートを紹介 4月13日 6:00 MySQLで線やポリゴンの距離を測定してみよう 4月10日 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