HTML文書 (.html)
WHATWG 標準HTMLは、見出し、リンク、フォーム、画像などを使ってウェブページを構成するためのマークアップ言語です。ブラウザーはその構造を描画し、CSSやスクリプトを適用して見た目や動作を制御します。
JSON を HTML に変換
無料のブラウザ内 JSON から HTML へのコンバーター。お使いのデバイスでファイルを即座に変換します。
調査とメタデータ
オペレーティングシステムやファイル解析ツールは、先頭のバイナリ列を検査してHTMLファイルを識別します：
バイトレベルのヘッダーシグネチャ (マジックバイト)
オペレーティングシステムやファイル解析ツールは、先頭のバイナリ列を検査してHTMLファイルを識別します：
16進数シグネチャ（オフセット0）：
3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6CASCII表現: <!DOCTYPE html
標準化： WHATWG HTML Living Standard / W3C勧告
技術仕様
| コンテナアーキテクチャ | 階層型のDocument Object Model（DOM）ツリー要素で構成されたUnicodeテキストストリーム |
| 圧縮 | 非圧縮テキストストリーム（通常、HTTP経由ではBrotliまたはGzipで圧縮） |
| バイトエンディアン | UTF-8 / Unicodeテキストストリーム（BOMは任意） |
| 色空間 | sRGB, Display P3, CSS Color 4経由のRec.2020 |
| チャンネルと構造 | ハイパーテキストマークアップ、CSSスタイル、JavaScriptによる操作、埋め込みSVG、Canvas、音声、動画 |
| 最大寸法 | ドキュメントキャンバスの範囲に上限なし（無限スクロール） |
| 透過性 | CSSの不透明度、アルファ付きカラー（rgba/color()）、ブレンドモードを完全サポート |
| ストリーミングとプログレッシブ | 段階的なストリーミング解析に対応。ファイル全体のダウンロード完了前からブラウザーが要素を描画 |
技術比較表：HTMLと競合製品
| 技術属性 | HTML (現在) | MD | XML | |
|---|---|---|---|---|
| インタラクティブ性とロジック | 完全なJavaScriptとDOMスクリプティング | 静的な宣言型テキストのみ | データストレージ（ビルトインロジックなし） | 制限されたフォームスクリプト（AcroJS） |
| スタイリングの柔軟性 | 無限のCSS3/CSS4視覚制御 | テーマ依存のデフォルトスタイリング | XSLTスタイリングスタイルシートが必要 | 厳密なピクセル固定レイアウト |
| HTMLページの表示 | ブラウザーまたは閲覧システムがEPUBレンダラーを備えている場合に対応 | Markdownレンダリングエンジンが必要 | XMLビューアまたはスタイリングが必要 | 埋め込みPDFプラグインが必要 |
| ハイパーリンク | ネイティブWebハイパーリンク（href） | Markdown構文 [text](url) | XML XLink構文 | 埋め込みPDFリンク注釈 |
一般的な破損モードと16進数リカバリガイド
ページが生のHTMLタグをテキストとして表示するか、文字化けした外国文字（例：「é」）を表示する。
根本原因: UTF-8文字セット宣言（'<meta charset="utf-8">'）の欠落、またはエンコーディングヘッダーの不一致。
復旧: '<meta charset="utf-8">'を追加するか、File2File.app Text Converterを使用してUTF-8に再エンコードします。
セキュリティ分析とパーサー攻撃ベクトル
HTMLレンダリングエンジンはスクリプトを実行し、複雑なマークアップを解析します。サニタイズされていない入力はクロスサイトスクリプティング（XSS）を引き起こす可能性があります。
既知の攻撃ベクター
- ユーザーセッションクッキーと認証トークンを盗む、保存型または反射型クロスサイトスクリプティング（XSS）。
- 偽装されたログインインターフェースを介してユーザーをだますHTMLインジェクション。
- document.locationまたはeval()を操作するDOMベースのセキュリティの脆弱性。
防御的ベストプラクティス: DOMに挿入する前に、DOMPurifyなどの堅牢なライブラリを使用して信頼されていないユーザー入力を常にサニタイズします。
歴史的背景とマイルストーン
主なメリット
- ブラウザーはHTMLを直接解析するため、専用の文書閲覧ソフトがなくてもページを開けます。エディターや公開システムも、ウェブコンテンツの構成にHTMLを使用します。
- 視覚デザインのためのCSSや、動的なインタラクティブ性を実現するJavaScriptとのシームレスな統合。
- ストリーミングレイアウトエンジン：ブラウザは、ネットワーク経由でバイトが到着すると同時に、HTMLをインクリメンタルに解析、レイアウト、レンダリングできます。
技術的な制限とデメリット
- スタンドアロンの.htmlファイルは、バンドル（MHTML/Base64など）しない限り、リンクされた外部画像、フォント、またはスタイルシートをカプセル化しません。
- レンダリングは、ブラウザエンジン（Blink、WebKit、Gecko）によってわずかに異なる場合があります。
- 攻撃対象領域が広く、エスケープされていないユーザー入力はクロスサイトスクリプティング（XSS）の脆弱性を引き起こす可能性があります。
興味深い技術トリビア
- ティム・バーナーズ＝リーは、核物理学者がコンピュータ間で研究論文を簡単に共有できるようにするため、1989年にCERNでHTMLを発明しました。
- HTML Living Standardにはバージョン番号（「HTML6」など）がありません。継続的に保守・更新されています。
- 地球上のどのWebページでも右クリックし、「ページのソースを表示」を選択して、その基盤となるHTMLコードを確認できます。
よくある技術的な質問
HTMLは何に使用されますか？
HTMLはインターネット上のコンテンツを構造化するために使用され、テキスト、見出し、画像、リンク、フォーム、埋め込みマルチメディアを備えたウェブページを作成します。
HTMLをPDFやMarkdownに変換することはできますか？
はい。File2File.appを使用すれば、ブラウザ上で直接、任意のHTMLファイルをクリーンで印刷可能なPDFドキュメントや軽量なMarkdownテキストファイルにレンダリングおよび変換できます。
HTMLとHTML5の違いは何ですか？
HTML5はHTMLのモダンな進化形であり、ビデオやオーディオ再生のネイティブサポート、インタラクティブなキャンバスグラフィックス、モバイル対応、そして<header>、<article>、<footer>などのクリーンなセマンティック要素を追加しています。