利用シーン
- 圧縮または貼り付けた HTML を読みやすく整形し、tag nesting と attribute を確認します。
- ブラウザ内処理で入力を扱い、コピー前に結果を確認します。
- HTML フォーマッター と関連ツールを続けて使い、作業フローを短くします。
HTMLWebプライバシー: ブラウザ内処理
HTML フォーマッター
圧縮または貼り付けた HTML を読みやすく整形し、tag nesting と attribute を確認します。
入力 / 出力
まずツールを使う
入力、出力、コピー操作をこの領域にまとめています。例と確認項目は下に分けています。
ローカルセッション
入力状態はこのブラウザだけに保存され、アカウントなしで前回の作業を復元できます。
結果のあとに確認
基本の入力/出力が終わってから、必要な例、確認リスト、関連ツールだけを開きます。
コピー前の確認
- 元の入力と出力の形をもう一度比較します。
- 対象ランタイム、文字コード、タイムゾーン、セキュリティ方針の差を確認します。
- HTML フォーマッター の結果が次の作業に合うか関連ツールで続けて確認します。
よくある失敗例
- 圧縮または貼り付けた HTML を読みやすく整形し、tag nesting と attribute を確認します。
- ブラウザ内処理の処理方式と実際の入力構造が合わない場合、出力をそのまま信頼できません。
関連ツール
HTML EntityHTML に入れる特殊文字を entity に変換・復元し、template、文書、code snippet 表示を確認します。次の手順: HTML に入れる特殊文字を entity に変換・復元し、template、文書、code snippet 表示を確認します。XML圧縮された XML を読みやすく整形し、tag nesting、attribute、閉じタグの問題をコピー前に確認します。次の手順: 圧縮された XML を読みやすく整形し、tag nesting、attribute、閉じタグの問題をコピー前に確認します。CSS圧縮または崩れた CSS を読みやすい block に整え、style 修正と review を楽にします。次の手順: 圧縮または崩れた CSS を読みやすい block に整え、style 修正と review を楽にします。
ガイド
結果のあとに確認
基本の入力/出力が終わってから、必要な例、確認リスト、関連ツールだけを開きます。
例
このツールを始めるための入力例<div><span>Bob</span></div>利用シーン
Web- 圧縮または貼り付けた HTML を読みやすく整形し、tag nesting と attribute を確認します。
- ブラウザ内処理で入力を扱い、コピー前に結果を確認します。
- HTML フォーマッター と関連ツールを続けて使い、作業フローを短くします。
- 元の入力と出力の形をもう一度比較します。
- 対象ランタイム、文字コード、タイムゾーン、セキュリティ方針の差を確認します。
- HTML フォーマッター の結果が次の作業に合うか関連ツールで続けて確認します。