HTML ミニファイア

Minify HTML by removing comments and whitespace。無料、プライベート、100%クライアントサイド。

入力

出力

Local only

最近の履歴

履歴はまだありません

このツールを使うタスク

HTML を React 用の JSX に変換する

JSX は JavaScript 式を埋め込める HTML です。空要素タグを閉じ、class を className に、style 文字列をオブジェクトに変換して HTML を JSX にします。

HTML を Markdown に変換する

HTML コンテンツを Markdown に変換して、より簡単な編集・保存や、Markdown 対応システムでの表示に使います。見出し、リスト、リンク、画像、コードブロックに対応します。

Content Security Policy(CSP)を実装する

CSP はページが読み込めるリソース(スクリプト、スタイル、画像)を制限し、XSS やデータ注入を防ぎます。ポリシーディレクティブとレポート機能を学びましょう。

CSS を圧縮・整形する

本番環境向けに CSS を圧縮し(空白・コメントの削除、ルールの統合)、デバッグ用に圧縮済み CSS を整形します。

クリックジャッキング攻撃を防ぐ

クリックジャッキングは、サイトを不可視の iframe に埋め込んでユーザーに誤ったクリックを誘います。X-Frame-Options と CSP の frame-ancestors を学びましょう。

XSS(クロスサイトスクリプティング)攻撃を防ぐ

XSS は Web ページに悪意のあるスクリプトを注入します。入力のサニタイズ、出力のエンコード、Content Security Policy による XSS 対策を学びましょう。

リンクドデータと SEO に JSON-LD を使う

JSON-LD(Linked Data)は RDF トリプルを JSON でシリアライズし、検索エンジンにエンティティ間の関係を理解させます。Schema.org の構造化データに使われます。

iframe の sandbox 属性を使う

sandbox 属性は iframe の機能を制限し、悪意のある埋め込みコンテンツが親ページへアクセスするのを防ぎます。

関連ツール

HTML エスケープツール

Escape or unescape HTML special characters online。無料、プライベート、100%クライアントサイド。

Markdown HTML コンバーター

Convert between Markdown and HTML online. Supports headings, bold, italic, code blocks, links, images, lists, tables, quotes, and horizontal rules。無料、プライベート、100%クライアントサイド。

CSS フォーマッター

Beautify or minify CSS online. Expand rules with indented properties or compress to a single line。無料、プライベート、100%クライアントサイド。