๐Ÿ“‘

HTML / XML ํฌ๋งคํ„ฐ & ์—”ํ‹ฐํ‹ฐ HTML / XML Formatter

HTML5, XML, SVG ์ฝ”๋“œ ์ž๋™ ๋“ค์—ฌ์“ฐ๊ธฐ ์ •๋ ฌ, ํ•œ ์ค„ ์••์ถ•(Minify), ์‹ค์‹œ๊ฐ„ ๊ตฌ๋ฌธ ๊ฒ€์ฆ ๋ฐ ํŠน์ˆ˜๋ฌธ์ž ์—”ํ‹ฐํ‹ฐ ์ธ์ฝ”๋”ฉ/๋””์ฝ”๋”ฉ

๋“ค์—ฌ์“ฐ๊ธฐ:
์˜ต์…˜:
โœ“์ค€๋น„ ์™„๋ฃŒ. HTML, XML ๋˜๋Š” SVG ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜์„ธ์š”.
ํ˜•์‹: HTML5๋ผ์ธ: 0๊ธ€์ž ์ˆ˜: 0 B
INPUT์›๋ณธ ์ฝ”๋“œ ์ž…๋ ฅ
OUTPUTํฌ๋งทํŒ… / ์••์ถ• ๊ฒฐ๊ณผ
๋ณ€ํ™˜ ๋ชจ๋“œ:
INPUT๋ณ€ํ™˜ํ•  ํ…์ŠคํŠธ / ์—”ํ‹ฐํ‹ฐ
0 ๋ฌธ์ž
OUTPUT๋ณ€ํ™˜ ๊ฒฐ๊ณผ
0 ๋ฌธ์ž
๐Ÿ’ก

์ž์ฃผ ์“ฐ๋Š” HTML ์—”ํ‹ฐํ‹ฐ ํ€ต ํŒ”๋ ˆํŠธ

์นด๋“œ๋ฅผ ํด๋ฆญํ•˜๋ฉด ํ•ด๋‹น ์—”ํ‹ฐํ‹ฐ ์ฝ”๋“œ๊ฐ€ ํด๋ฆฝ๋ณด๋“œ์— ๋ณต์‚ฌ๋˜๊ณ  ์ž…๋ ฅ์ฐฝ ์ปค์„œ ์œ„์น˜์— ์ฆ‰์‹œ ์‚ฝ์ž…๋ฉ๋‹ˆ๋‹ค.
<&lt;<
>&gt;>
&&amp;&
"&quot;"
'&apos;'
๊ณต๋ฐฑ&nbsp; 
ยฉ&copy;©
ยฎ&reg;®
โ„ข&trade;™
ยง&sect;§
ยถ&para;
โ‚ฉ&#8361;₩
โ‚ฌ&euro;€
ยฃ&pound;£
ยฅ&yen;¥
ยข&cent;¢
ยฑ&plusmn;±
ร—&times;×
รท&divide;÷
โ‰ &ne;≠
โ‰ค&le;≤
โ‰ฅ&ge;≥
โˆž&infin;∞
โ†&larr;←
โ†’&rarr;→
โ†”&harr;↔
โ€ฆ&hellip;…
โ€“&ndash;–
โ€”&mdash;—
โ€œ&ldquo;“
โ€&rdquo;”
โ€ข&bull;•
๋ทฐํฌํŠธ:
๋ฐฐ๊ฒฝ:
๐Ÿ’ก

HTML & XML ํฌ๋งคํ„ฐ ๋ฐ ์—”ํ‹ฐํ‹ฐ ํ™œ์šฉ ๊ฐ€์ด๋“œ

โšก HTML vs XML ํŒŒ์‹ฑ ๊ทœ์น™์˜ ํ•ต์‹ฌ ์ฐจ์ด

HTML5๋Š” ๋ธŒ๋ผ์šฐ์ € ์นœํ™”์ ์œผ๋กœ ์„ค๊ณ„๋˜์–ด <img>, <input>, <br> ๋“ฑ Void ํƒœ๊ทธ๊ฐ€ ๋‹จ๋…์œผ๋กœ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด XML๊ณผ XHTML์€ ์—„๊ฒฉํ•œ ๊ทœ์น™์œผ๋กœ ์ธํ•ด ๋ชจ๋“  ํƒœ๊ทธ๊ฐ€ ๋‹ซ๋Š” ํƒœ๊ทธ(</tag>)๋‚˜ Self-closing(<tag />)์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ›ก๏ธ XSS ๊ณต๊ฒฉ ๋ฐฉ์–ด์™€ ์—”ํ‹ฐํ‹ฐ ์ด์Šค์ผ€์ดํ”„

์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’์„ ์›น ํ™”๋ฉด์— ์ง์ ‘ ์ถœ๋ ฅํ•  ๋•Œ ์•…์˜์ ์ธ ์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰์„ ๋ง‰๊ธฐ ์œ„ํ•ด <, >, &, ", ' ๋ฌธ์ž๋ฅผ ์ƒ์‘ํ•˜๋Š” HTML ์—”ํ‹ฐํ‹ฐ(&lt; ๋“ฑ)๋กœ ์น˜ํ™˜ํ•ด์•ผ ์•ˆ์ „ํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ“ฆ Minify(ํ•œ ์ค„ ์••์ถ•)์˜ ํ”„๋กœ๋•์…˜ ํšจ๊ณผ

๋ถˆํ•„์š”ํ•œ ๊ณต๋ฐฑ, ๋“ค์—ฌ์“ฐ๊ธฐ ํƒญ, ๊ฐœํ–‰ ๋ฌธ์ž ๋ฐ ์ฃผ์„์„ ์ œ๊ฑฐํ•˜๋ฉด ๋ฌธ์„œ ์ „์†ก ํฌ๊ธฐ๋ฅผ 20%~45% ์ ˆ๊ฐํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, Gzip/Brotli ์••์ถ• ํšจ์œจ์„ ๊ทน๋Œ€ํ™”ํ•˜์—ฌ ์ดˆ๊ธฐ ๋กœ๋”ฉ ์†๋„(TTFB)๋ฅผ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ’ฌ

์˜๊ฒฌ ๋ฐ ์งˆ๋ฌธ

0
0 / 1500