๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
HTML

W3C (์›น ํ‘œ์ค€, ์›น ์ ‘๊ทผ์„ฑ, ์›น ํ˜ธํ™˜์„ฑ)

by oranssy 2022. 8. 9.
728x90
๋ฐ˜์‘ํ˜•

โญ๏ธ W3C ๋ˆ„๊ตฌ๋‚˜, ์–ด๋–ค ํ™˜๊ฒฝ์—์„œ๋“  โญ๏ธ


01.์›น ํ‘œ์ค€ (Web Standards)

๋ธŒ๋ผ์šฐ์ € ์ข…๋ฅ˜ ๋ฐ ๋ฒ„์ „์— ๋”ฐ๋ฅธ ๊ธฐ๋Šฅ ์ฐจ์ด์— ์ƒ๊ด€ ์—†์ด ํ˜ธํ™˜์ด ๊ฐ€๋Šฅํ•˜๋„๋ก ์ œ์‹œ๋œ ํ‘œ์ค€(๊ธฐ์ค€)์„ ๋งํ•ฉ๋‹ˆ๋‹ค.
์›น ํ‘œ์ค€์˜ ๋ชฉ์ ์€ ์›น ์‚ฌ์ดํŠธ์— ์ ‘์†ํ•œ ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ค ์šด์˜ ์ฒด์ œ๋‚˜ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์‚ฌ์šฉํ•˜๋”๋ผ๋„ ๋™์ผํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์ด๋ฉฐ, ์žฅ์• ์ธ, ๋…ธ์•ฝ์ž๋ฅผ ํฌํ•จํ•œ ๋ชจ๋“  ์‚ฌ์šฉ์ž๋“ค์ด ๋™์ผํ•œ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํ•˜๊ธฐ ์œ„ํ•จ์ž…๋‹ˆ๋‹ค.

[1] ์›น ํ‘œ์ค€์˜ ์žฅ์ 

์žฅ์  ์„ค๋ช…
1) ์ˆ˜์ • ๋ฐ ์šด์˜ ๊ด€๋ฆฌ ์šฉ์ด ์ฝ˜ํ…์ธ ์˜ ์˜ฌ๋ฐ”๋ฅธ ๊ตฌ์กฐํ™” / CSS ์˜ ์‹œ๊ฐ ํ‘œํ˜„์„ ํ†ต์ผํ™”ํ•˜์—ฌ ์ œ์–ดํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํŽ˜์ด์ง€ ์ œ์ž‘์˜ ๋ถ€๋‹ด์ด ๊ฐ์†Œ๋˜๊ณ  ๊ด€๋ฆฌ๊ฐ€ ์šฉ์ดํ•ฉ๋‹ˆ๋‹ค.
2) ์ ‘๊ทผ์„ฑ ํ–ฅ์ƒ ๋‹ค์–‘ํ•œ ๋ธŒ๋ผ์šฐ์ € ๋ฐ ๋ชจ๋ฐ”์ผ, PDA, ์žฅ์• ์ธ ์ง€์›์šฉ ํ”„๋กœ๊ทธ๋žจ ๋“ฑ์—์„œ ์ •์ƒ์ ์ธ ์ž‘๋™์ด ๊ฐ€๋Šฅํ•˜์—ฌ, ์‚ฌ์šฉ์ž์˜ ์ ‘์† ์žฅ์น˜์— ์ ‘๊ทผ์„ฑ์ด ์šฉ์ดํ•ฉ๋‹ˆ๋‹ค.
3) ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™” (SEO) ๊ตฌ์กฐํ™”๋œ ์›นํŽ˜์ด์ง€๋Š” ๊ฒ€์ƒ‰ ๋กœ๋ด‡ ์ˆ˜์ง‘ ๋“ฑ์„ ํ†ตํ•ด ๊ฒ€์ƒ‰ ์—”์ง„์— ํšจ๊ณผ์ ์œผ๋กœ ๋…ธ์ถœ๋  ์ˆ˜ ์žˆ๋„๋ก ํ•˜์—ฌ, ๊ฒ€์ƒ‰ ์—”์ง„์˜ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๋ฅผ ์ตœ์ ํ™”ํ•ฉ๋‹ˆ๋‹ค.
4) File Size ์ถ•์†Œ,
์„œ๋ฒ„ ์ €์žฅ ๊ณต๊ฐ„ ์ ˆ์•ฝ
ํšจ์œจ์ ์ธ ์†Œ์Šค ์ž‘์„ฑ์€ ํŒŒ์ผ ์‚ฌ์ด์ฆˆ์™€ ์„œ๋ฒ„ ๊ณต๊ฐ„์„ ์ ˆ์•ฝํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ™”๋ฉด ํ‘œ์‹œ์— ์†Œ์š”๋˜๋Š” ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•ฉ๋‹ˆ๋‹ค.
5) ํšจ์œจ์ ์ธ ๋งˆํฌ์—… CSS ์™€ HTML ๋ฌธ์„œ๋ฅผ ๋ถ„๋ฆฌํ•˜์—ฌ ์ œ์ž‘ํ•  ๊ฒฝ์šฐ, ๋ถˆํ•„์š”ํ•œ ๋งˆํฌ์—…์ด ์ตœ์†Œํ™”๋˜์–ด ๋กœ๋”ฉ ์†๋„๊ฐ€ ํ–ฅ์ƒ๋ฉ๋‹ˆ๋‹ค.
6) ํ˜ธํ™˜์„ฑ ๊ฐ€๋Šฅ ๊ธฐ์กด IE ๋ธŒ๋ผ์šฐ์ € ๋ฟ ์•„๋‹ˆ๋ผ ํฌ๋กฌ, ํŒŒ์ด์–ดํญ์Šค, ์‚ฌํŒŒ๋ฆฌ, ์˜คํŽ˜๋ผ ๋“ฑ์˜ ๋‹ค์–‘ํ•œ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

02.์›น ์ ‘๊ทผ์„ฑ (Web Accessibility)

์žฅ์• ์ธ, ๋…ธ์ธ ๋“ฑ์˜ ์–ด๋–ค ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋Š ๊ธฐ์ˆ ํ™˜๊ฒฝ์—์„œ๋„ ์ „๋ฌธ์ ์ธ ๋Šฅ๋ ฅ ์—†์ด ์›น ์‚ฌ์ดํŠธ์—์„œ ์ œ๊ณตํ•˜๋Š” ๋ชจ๋“  ์ •๋ณด์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅํ•˜๋Š” ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค.
์‹ ์ฒด์  ์ฐจ์ด, ์žฅ์•  ์—ฌ๋ถ€, ์ง€์‹์˜ ์ •๋„, ๊ธฐ์ˆ  ๋“ฑ๊ณผ ๊ฐ™์€ ์‚ฌํ•ญ์— ์ œํ•œ๋˜์ง€ ์•Š๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ๋ถˆํŽธํ•จ ์—†์ด ์›น ํŽ˜์ด์ง€๋ฅผ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•˜๊ณ  ์ด์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

03.์›น ํ˜ธํ™˜์„ฑ (Cross Browsing)

์›น ํ‘œ์ค€๊ณผ ํฐ ์˜๋ฏธ์—์„œ๋Š” ์ฐจ์ด๊ฐ€ ์—†์œผ๋‚˜ ํ™˜๊ฒฝ์  ์š”์ธ, ํŠนํžˆ ๋งค์ฒด์™€ ๊ด€๊ณ„์—†๋Š” ์ •๋ณด์—์„œ์˜ ์ ‘๊ทผ์— ํŠนํ™”๋œ ๊ฐœ๋…์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ํ˜ธํ™˜์„ฑ์ด๋ž€, ์›น ๋ธŒ๋ผ์šฐ์ €๋ผ๋Š” ์›น ๋ฌธ์„œ๋ฅผ ์ฝ์–ด๋“œ๋ฆฌ๋Š” ๋„๊ตฌ์— ๋Œ€ํ•œ ํ˜ธํ™˜์„ฑ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

04.W3C validator

'HTML ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ'๋กœ ๋งˆํฌ์—…์— ๋Œ€ํ•œ ๋ฌธ๋ฒ•์  ์˜ค๋ฅ˜๋‚˜ ๊ฒฝ๊ณ ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์›นํ‘œ์ค€์„ ์ค€์ˆ˜ํ•œ HTML ๋ฌธ์„œ์ž‘์„ฑ์— ๊ฐ€์žฅ ๊ธฐ๋ณธ์ด ๋˜๋Š” ์‚ฌํ•ญ์ด๋ฉฐ, ๋งˆํฌ์—… ์ค‘๊ฐ„ ๋˜๋Š” CSS์— ๋“ค์–ด๊ฐ€๊ธฐ ์ „์— ์ˆ˜ํ–‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

728x90
๋ฐ˜์‘ํ˜•

'HTML' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

๋ธ”๋ก / ์ธ๋ผ์ธ ์š”์†Œ  (2) 2022.08.21
์‹œ๋ฉ˜ํ‹ฑ ๊ตฌ์กฐ ์š”์†Œ  (3) 2022.08.16
๊ธฐ๋ณธ ๊ตฌ์„ฑ  (3) 2022.08.06

๋Œ“๊ธ€