HTML Minifier

空白が残る場所

スペース、タブ、改行が連続する部分は、削除されず単一のスペースになります。インラインコンテンツの隣にあるスペースは表示されるためです。Read <a href="/guide">the guide</a> nowでは、リンクの前後にある2つのスペースが残ります。空白が削除されるのは、ブラウザで表示されない場所だけです。たとえば<p>、<li>、<div>などのブロック要素の先頭と末尾、または<li>要素間のインデントのようなブロック要素同士の間です。<pre>、<textarea>、<script>、<style>内のテキストは記述どおりに残ります。

CSSによって、削除した空白が再び意味を持つことがあります。display: inline-blockを設定した<div>や、white-space: pre-wrapを設定した段落では、HTMLだけでは見えない空白も表示されます。そのため、公開する前に元のページと表示結果を比較してください。

ブラウザのパーサーによる変更

コンポーネントテンプレートのような断片は断片として返され、doctypeや<html>、<head>、<body>タグを含む入力はドキュメント全体として返されます。どちらの場合もマークアップはブラウザのパーサーを通ります。閉じられていないタグは閉じられ、配置が正しくない要素はパーサーが適切と判断する場所へ移動し、どのバージョンのHTML doctypeも<!doctype html>になります。コメントとして書かれたフレームワークのマーカーを含め、すべてのコメントが削除されます。

インラインスクリプトとスタイルは記述どおりに残ります。内容はJavaScriptミニファイアとCSSミニファイアで個別に縮小してください。

使い方

1. HTMLをペーストします。
2. Minify HTMLを選びます。
3. 結果を確認してコンパクトになったドキュメントをダウンロードします。

プライバシーと制限事項

ドキュメントはローカルにとどまります。インラインレイアウトでは空白が意味を持つ場合があるため、生成したページは必ずテストしてください。