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

HTML : ์›น ํ‘œ์ค€๊ณผ ์›น ์ ‘๊ทผ์„ฑ, ์›น ํ˜ธํ™˜์„ฑ

by ์ฝ”ํŒŒ์นด 2022. 8. 8.
728x90

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

์›น ์‚ฌ์ดํŠธ๋ฅผ ์ œ์ž‘ํ•  ๋•Œ๋Š” ์›น ํ‘œ์ค€(Web Standards), ์›น ์ ‘๊ทผ์„ฑ(Web Accessibility), ์›น ํ˜ธํ™˜์„ฑ(Cross Browsing)์„ ์ค€์ˆ˜ํ•˜์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.


์›น ํ‘œ์ค€์ด๋ž€?

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

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

์›น ์ ‘๊ทผ์„ฑ์ด๋ž€?

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

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

์›น ํ˜ธํ™˜์„ฑ์ด๋ž€?

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

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


์›น ํ‘œ์ค€, ์›น ์ ‘๊ทผ์„ฑ, ์›น ํ˜ธํ™˜์„ฑ์— ๋Œ€ํ•œ ์ดํ•ด

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

๊ตฌ๋ถ„ ๋ชฉ์  ์ค€์ˆ˜ ๋‚ด์šฉ ์ฐจ์ด
์›น ํ‘œ์ค€ ์›น์˜ ์‚ฌ์šฉ์„ฑ ๋ฐ ์ ‘๊ทผ์„ฑ ๋ณด์žฅ HTML, CSS ๋“ฑ์— ๋Œ€ํ•œ WC3๊ทœ๊ฒฉ(๋ฌธ๋ฒ•) ์ค€์ˆ˜ ๋“ฑ ์›น์˜ ๋‚ด์šฉ, ํ‘œํ˜„, ํ–‰๋™์— ๊ด€๋ จ๋œ ๊ธฐ์ˆ ํ‘œ์ค€
์›น ์ ‘๊ทผ์„ฑ ์ธ์ , ํ™˜๊ฒฝ์  ์š”์ธ์— ์ œ์•ฝ ์—†๋Š” ์›น ์ •๋ณด ์ ‘๊ทผ W3C ์›น ์ ‘๊ทผ์„ฑ ์ด๋‹ˆ์…”ํ‹ฐ๋ธŒ(WAI) ํ•œ๊ตญํ˜• ์›น ์ฝ˜ํ…์ธ  ์ ‘๊ทผ์„ฑ ์ง€์นจ2.0 ์›น ํ‘œ์ค€์„ ๊ณตํ†ต์œผ๋กœ ํฌํ•จ
์›น ํ˜ธํ™˜์„ฑ ์›น ๋ธŒ๋ผ์šฐ์ € ๋ฒ„์ „, ์ข…๋ฅ˜์™€ ๊ด€๊ณ„ ์—†๋Š” ์›น์‚ฌ์ดํŠธ ์ ‘๊ทผ ์›น ํ‘œ์ค€ ์ค€์ˆ˜๋ฅผ ํ†ตํ•œ ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ ํ™•๋ณด
728x90

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

HTML : ๋ธ”๋ก ๊ตฌ์กฐ์™€ ์ธ๋ผ์ธ ๊ตฌ์กฐ  (4) 2022.08.21
HTML : ๊ตฌ์กฐ ๊ด€๋ จ ์š”์†Œ  (6) 2022.08.15

๋Œ“๊ธ€

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๐Ÿฆ™

CSS
๊ด‘๊ณ  ์ค€๋น„์ค‘