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"
        }
}
    </script>
    <link rel="stylesheet" href="/css/lang-switcher.css">
    <script src="/js/lang-switcher.js" defer></script>

들여쓰기:

서식 있는 출력

HTML 서식 정보

HTML 서식을 사용하면 적절한 들여쓰기와 줄바꿈을 추가하여 코드를 더 읽기 쉽게 만들 수 있습니다. 올바른 형식의 HTML은 유지 관리, 디버그 및 이해가 더 쉽습니다. 이 도구는 정리에 도움이 됩니다. 지저분한 HTML 코드를 사용하거나 프로덕션 용도로 축소할 수 있습니다.

HTML 포맷터

HTML 서식 정보

관련 도구