HTML フォーマッタ

HTML コードの美化と書式設定

HTML の入力

{
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "HTML Formatter",
        "description": "Format and beautify HTML code online",
        "url": "https://caitty.com/html-formatter/",
        "applicationCategory": "DeveloperApplication",
        "operatingSystem": "All",
        "offers": {
                "@type": "Offer",
                "price": "0",
                "priceCurrency": "USD"
        },
        "provider": {
                "@type": "Organization",
                "name": "Caitty Tools",
                "url": "https://caitty.com"
        }
}
    
    <link href="/css/lang-switcher.css" rel="stylesheet"/>
    <script defer="" src="/js/lang-switcher.js"></script>

<link href="https://caitty.com/html-formatter/" hreflang="en" rel="alternate">
    <link href="https://caitty.com/es/formateador-html-caitty-tools/" hreflang="es" rel="alternate"/>
    <link href="https://caitty.com/pt/formatador-html-ferramentas-caitty/" hreflang="pt" rel="alternate"/>
    <link href="https://caitty.com/fr/formateur-html-caitty-tools/" hreflang="fr" rel="alternate"/>
    <link href="https://caitty.com/de/html-formatierer-caitty-tools/" hreflang="de" rel="alternate"/>
    <link href="https://caitty.com/it/formattatore-html-caitty-tools/" hreflang="it" rel="alternate"/>
    <link href="https://caitty.com/nl/html-formatter/" hreflang="nl" rel="alternate"/>
    <link href="https://caitty.com/zh/HTML格式化程序-Caitty工具/" hreflang="zh" rel="alternate"/>
    <link href="https://caitty.com/hi/html-formatter/" hreflang="hi" rel="alternate"/>
    <link href="https://caitty.com/ru/html-formatter/" hreflang="ru" rel="alternate"/>
    <link href="https://caitty.com/ja/HTMLフォーマッタ-Caittyツール/" hreflang="ja" rel="alternate"/>
    <link href="https://caitty.com/ko/HTML-포맷터-Caitty-도구/" hreflang="ko" rel="alternate"/>
    <link href="https://caitty.com/html-formatter/" hreflang="x-default" rel="alternate"/>
<body><p>ここに HTML を貼り付けます</p></body></link>

">

インデント:

書式設定された出力

HTML 書式設定について

HTML 書式設定を使用すると、適切なインデントと改行を追加することでコードが読みやすくなります。適切にフォーマットされた HTML は、保守、デバッグ、理解が容易です。このツールはクリーンアップに役立ちます乱雑な HTML コードを使用するか、運用環境で使用するために縮小します。