引き継ぎ用にHTML断片を整形する

該当する場合

DevToolsからのコピーやミニファイHTMLはbeautifyでネストと閉じ忘れタグを確認します。

使うツール

HTMLを整形または圧縮。

HTML整形/minify を開く →

手順

  1. 1断片を貼り付け、安定したインデントで整形する。
  2. 2整形後にタグの対応を確認する。
  3. 3最終搬送用にミニファイが必要なときだけ後段で行う。
  4. 42案がある場合はdiffで比較する。

例

  • CMS投入前にメール用ブロックを整形する。
  • SSRレビュー用にウィジェットマークアップを整える。

避けること

  • 親コンテキストが重要なのに断片だけ整形する。
  • レビュー中にミニファイする。
  • 第三者HTMLを手確認せずに使う。

関連ツール

ブログで

開発者・データツール のその他

すべてのタスクガイド または次の 開発者・データツール ハブ.

よくある質問

先にbeautifyかバリデーションか？

人間が読むならbeautify。バリデータはパイプラインに合わせる。

属性は変わる？

原則空白のみですが、diffは監視してください。

すべてのタスクガイド · 開発者・データツール のツール · ブログ