🍋 Developer Tools

HTML Formatter

Beautify or minify HTML code with proper indentation

Free 仅在浏览器中 No sign-up

输入

chars words sentences lines

第二输入

格式化选项

操作

缩进

结果

关于 HTML Formatter

Format HTML code with proper indentation and line breaks, or minify it by removing whitespace. Supports customizable indent size for beautified output.

工作原理

Paste your HTML code and choose to format (beautify) or minify. The formatter parses HTML tags and text nodes, applying proper indentation based on nesting level. Void elements and inline content are handled correctly.

分步教程

1 [
2 '
3 P
4 a
5 s
6 t
7 e
8
9 y
10 o
11 u
12 r
13
14 H
15 T
16 M
17 L
18
19 c
20 o
21 d
22 e
23
24 i
25 n
26
27 t
28 h
29 e
30
31 i
32 n
33 p
34 u
35 t
36
37 a
38 r
39 e
40 a
41 '
42 ,
43
44 '
45 C
46 h
47 o
48 o
49 s
50 e
51
52 F
53 o
54 r
55 m
56 a
57 t
58
59 (
60 b
61 e
62 a
63 u
64 t
65 i
66 f
67 y
68 )
69
70 o
71 r
72
73 M
74 i
75 n
76 i
77 f
78 y
79 '
80 ,
81
82 '
83 S
84 e
85 l
86 e
87 c
88 t
89
90 i
91 n
92 d
93 e
94 n
95 t
96
97 s
98 i
99 z
100 e
101
102 (
103 2
104
105 o
106 r
107
108 4
109
110 s
111 p
112 a
113 c
114 e
115 s
116 )
117 '
118 ,
119
120 '
121 C
122 o
123 p
124 y
125
126 t
127 h
128 e
129
130 f
131 o
132 r
133 m
134 a
135 t
136 t
137 e
138 d
139
140 r
141 e
142 s
143 u
144 l
145 t
146 '
147 ]

提示

[
'
U
s
e
F
o
r
m
a
t
t
o
m
a
k
e
c
o
m
p
r
e
s
s
e
d
H
T
M
L
r
e
a
d
a
b
l
e
'
,
'
U
s
e
M
i
n
i
f
y
t
o
r
e
d
u
c
e
f
i
l
e
s
i
z
e
f
o
r
p
r
o
d
u
c
t
i
o
n
'
,
'
I
n
l
i
n
e
e
l
e
m
e
n
t
s
(
s
p
a
n
,
a
,
s
t
r
o
n
g
)
s
t
a
y
o
n
t
h
e
s
a
m
e
l
i
n
e
'
]

Categories

HTML Formatter

格式化选项

结果

关于 HTML Formatter

工作原理

分步教程

提示

常见问题