HTMLコードをクリーン化・整形・minifyします。空タグ、コメント、インラインスタイルを削除。100%クライアントサイドでプライバシーも安心です。
HTMLクリーナーは、開発者やコンテンツ制作者がブラウザ上で直接HTMLコードをクリーン化・整形・minifyできる強力なオンラインツールです。不要なタグの削除、インラインスタイルの除去、乱雑なコードの整形など、必要な処理をすべて瞬時に行えます。
プライバシーを重視して設計されており、HTMLコードの処理はすべてJavaScriptを使ってお使いの端末上で完結します。データがサーバーに送信されることは一切ないため、機密性の高いコードや社外秘のコードにも安心して使用できます。
<script>タグやイベントハンドラ（例：onclick）など、危険な可能性のある要素を除去します。HTMLをエディタに貼り付け、パネルから必要なクリーニングオプションを選択し、「HTMLをクリーンにする」をクリックします。コード表示とライブプレビューを切り替えたり、結果を.htmlファイルとしてダウンロードしたりできます。
Word、Googleドキュメント、その他のリッチエディタからCMSにコンテンツを貼り付けると、インラインスタイルや不要なタグ、非標準のマークアップが大量に残り、ページが肥大化しデザインが崩れる原因になります。
サッとクリーンにするだけで不要な部分が取り除かれ、正しく表示され読み込みも速い、標準準拠のシンプルなHTMLが得られます。
生のHTMLや乱雑なHTMLをエディタに貼り付けます。素早く書きたい場合は直接入力することもできます。
インラインスタイルの削除、コメントの除去、空タグの削除、minify、整形（インデント）などのオプションを切り替えます。
「HTMLをクリーンにする」をクリックし、結果をクリップボードにコピーするか、.htmlファイルとしてダウンロードしてすぐに使用できます。
<p style="color:red;font-size:14px;"><b><span> Hello </span></b></p>
<p><b>Hello</b></p>
Minifyは、HTMLから不要な空白・コメント・改行を取り除いてファイルサイズを削減します。一般的なHTMLページはminify後に10〜25%程度小さくなります。
本番環境ではminifyされたHTMLを使用してページの読み込みを高速化しましょう。開発・保守用には整形済みのコピーを必ず保管してください。
ライブプレビューはサンドボックス化されたiframeを使用しているため、HTML内のJavaScriptはプレビュー中に無効化されます。ユーザー投稿やサードパーティのHTMLをクリーンにする際に特に重要な仕組みです。
すべての処理はブラウザ内で完結し、HTMLがサーバーに送信されることはありません。
Microsoft Wordからの貼り付けは、font-familyやmso-*スタイルを持つ多数のネストされたspanを生成します。クリーナーは一度の処理でこれらをすべて除去します。
リッチエディタはコンテンツを複数の冗長なdivレイヤーで包むことがよくあります。ビューティファイ出力を使えば、不要なラッパータグを見つけて削除できます。
コピーしたテキストに含まれるノーブレークスペース（ ）、ゼロ幅スペース、隠れたUnicode文字は、レイアウト崩れのよくある原因です。
HTMLを読んだり編集したりしたい場合は整形モードを使用してください。構造が分かりやすいようインデントが付きます。本番環境にデプロイする際はminifyを使い、ページサイズを削減しましょう。
どちらのモードも有効なHTMLを生成します。元のコードを貼り直すことなく、瞬時に切り替えられます。
コンテンツ編集者がGoogleドキュメントで記事を書き、WordPressに貼り付けると、投稿にはインラインのRGBカラー、不要なfont-sizeタグ、空の段落が大量に含まれてしまいます。ここにHTMLを貼り付け、スタイルと空タグを取り除き、クリーンになった結果をコピーして戻すだけ。10秒で、余分なものは残りません。
上に乱雑なHTMLを貼り付けるだけで、クリーンでそのまま本番投入できるマークアップが瞬時に得られます。インストール不要、アカウント登録も不要です。
Clean HTML Now