๐Ÿ“

2. HTML living standard

Index

1. HTML ํ‘œ์ค€

  • HTML Living Standard(html.spec.whatwg.org) ์ฐธ๊ณ 
  • MDN ๋ฌธ์„œ๋„ ์ถ”์ฒœ

1.1 XHTML๊ณผ HTML living standard

XHTML์ด๋ž€ ์›นํŽ˜์ด์ง€๋ฅผ ์ œ์ž‘ํ•˜๊ธฐ ์œ„ํ•ดย ์‚ฌ์šฉ๋˜๋Š” HTML4(์ง€๊ธˆ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” HTML living standard์˜ ์ „์ „ ๋ฒ„์ „)์„ XML์— ๋งž๋„๋ก ์žฌ์ •์˜ํ•œ ์–ธ์–ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
HTML5๋ณด๋‹ค ์กฐ๊ธˆ ๋” ๊ตฌ์กฐํ™”๋œ ํ˜•์‹๊ณผ ์—„๊ฒฉํ•œ ๋ฌธ๋ฒ•์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”๋ฐ์š”, ๊ตฌ์ฒด์ ์œผ๋กœ ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ๋Š”์ง€ ์•„๋ž˜ ํ‘œ๋ฅผ ์‚ดํŽด๋ด…์‹œ๋‹ค.
ย 
notion imagenotion image
ย 

2. HTML ๋ฌธ๋ฒ•

  • HTML ์š”์†Œ๋Š” HTML ํƒœ๊ทธ์™€ ์†์„ฑ์œผ๋กœ ๊ตฌ์„ฑ
  • ์—ฌ๋Š” ํƒœ๊ทธ์™€ ๋‹ซ๋Š” ํƒœ๊ทธ ํ•œ ์Œ์œผ๋กœ ๋ณดํ†ต ๊ตฌ์„ฑ
  • ์ผ๋ถ€ ์š”์†Œ๋Š” ์—ฌ๋Š” ํƒœ๊ทธ(void elements)๋กœ๋งŒ ๊ตฌ์„ฑ
  • ์†์„ฑ์€ ํ•ญ์ƒ ์—ฌ๋Š” ํƒœ๊ทธ์— ์‚ฝ์ž…
  • ์‹œ๋ฉ˜ํ‹ฑํ•œ HTML : ๋Œ€๋ถ€๋ถ„์˜ ์š”์†Œ์—๋Š” ๊ณ ์œ ํ•œ ์˜๋ฏธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์˜๋ฏธ๋Š” ์‚ฌ๋žŒ์—๊ฒŒ ํ•„์š”๋กœ ํ•˜๊ธฐ ๋ณด๋‹ค๋Š” ๊ธฐ๊ณ„๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด๋กœ HTML์„ ์ฝ”๋”ฉํ•œ๋‹ค๋Š”๋ฐ ๊ทธ ๋ชฉ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์šฐ๋ฆฌ์˜ ๋ฌธ์„œ๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜๋Š”๊ฒƒ ์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด SEO, ์ ‘๊ทผ์„ฑ ๋“ฑ์— ๋„์›€์„ ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
ย 
ย 

3. ์ „์ฒด ํƒœ๊ทธ ์ค‘ ์ฃผ์˜๊นŠ๊ฒŒ ๋ณผ๋งŒํ•œ ํƒœ๊ทธ

๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ๋“ค ๋ชจ์Œ์ž…๋‹ˆ๋‹ค. ์•„๋ž˜์„œ ํ™•์ธํ•˜์…”์„œ ๊ณต๋ถ€ํ•˜์…”๋„ ์ข‹์Šต๋‹ˆ๋‹ค.
ย 
ย 

4. ์›นํ‘œ์ค€ ํ†ตํ•ฉ์— ๋Œ€ํ•˜์—ฌ

W3C(Worldย Wideย Webย Consortium) ์ฃผ๋„ํ•˜์— HTML1.0๋ถ€ํ„ฐ HTML4.0๊นŒ์ง€ ๊ฐœ๋ฐœ์ค‘
W3C๋Š” ๊ธฐ์กด HTML4.0 ํŠน์œ ์˜ ๊ด€๋Œ€ํ•œ ๋ฌธ๋ฒ•์— ๋Œ€ํ•ด ์ด๊ฒฌ์„ ๋ฐ›์•„๋“ค์—ฌ XML + HTMLํ˜•ํƒœ์˜ XHTML1.0์ด ๊ฐœ๋ฐœ๋˜์–ด ์›นํ‘œ์ค€์œผ๋กœ ์ž๋ฆฌ๋ฅผ ์žก๊ณ ์ž ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ดํ›„ XHTML2.0 ๊ฐœ๋ฐœํŒ€์„ ๊พธ๋ ค ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•˜๋˜ ์ค‘์— ๋ธŒ๋ผ์šฐ์ € ๊ฐœ๋ฐœ์‚ฌ(ํ˜„์žฌ WHATWG)์ธก์—์„œ ์ œ์‹œํ•œ Web Application 1.0(์ถ”ํ›„ HTML5์˜ ์ดˆ์„์ด ๋จ) ์ œ์•ˆ์„ ๋ฐ›์•„๋“ค์ด๋ฉด์„œ ๊ฐœ๋ฐœ์ค‘์ด๋˜ XHTML2.0์„ ํŒŒ๊ธฐํ•˜๊ณ , ๊ฐœ๋ฐœํŒ€์„ ํ•ด์ฒด์‹œํ‚ต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  HTML5์˜ ์ดˆ์•ˆ์ธ ์›Œํ‚น๋“œ๋ž˜ํ”„ํŠธ(Working Draft)๋ฒ„์ „์„ ์ •์˜ํ•˜์—ฌ ๋ฐœํ‘œํ•ฉ๋‹ˆ๋‹ค. ์ดํ›„, ๋‘ ๋‹จ์ฒด์˜ ํ˜‘์˜๋ฅผ ๊ฑฐ์ณ 2014๋…„ 11์›” HTML5.0 ์ •์‹๋ฒ„์ „์ด ๋ฆด๋ฆฌ์ฆˆ ๋˜์–ด ๋ฐœํ‘œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. W3C๋Š” ๊ณ„์† HTML5.1~ 5.2๋ฅผ ๋ฐœํ‘œํ•˜๋ฉฐ ์™„๊ฒฐ๋œ HTML5๋ฒ„์ „์„ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ์ง€๋งŒ, WHATWG๋Š” ์ง€์†์ ์œผ๋กœ ์‚ด์•„์žˆ๋Š” ํ‘œ์ค€ํ˜•์‹์œผ๋กœ ๊ฐœ๋ฐœํ•˜๋Š” Living Standard๋กœ ๊ฐœ์„ ํ•˜๋ฉด์„œ ๋ฐœ์ „๋˜๊ธฐ๋ฅผ ๋ฐ”๋ผ๋ฉด์„œ ๊ฒฐ๊ตญ ๋‘ ๋‹จ์ฒด๋Š” ๊ฐ์ž์˜ ๊ธธ์„ ๊ฑท๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. 2019๋…„ W3C๋Š” HTML5.3 ๊ถŒ๊ณ ์•ˆ์„ ๋‚ด์„ธ์šฐ์ง€๋งŒ WHATWG๊ฐ€ ๊ฑฐ๋ถ€์˜์‚ฌ๋ฅผ ๋ณด์ด๋ฉด์„œ, ํ‘œ์ค€ํ™” ์ด์Šˆ๊ฐ€ ๋ณธ๊ฒฉ์ ์œผ๋กœ ๋‹ค์‹œ ์‹œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด์— ๊ฒฐ๊ตญ W3C๋Š” ์‹ ๊ทœ HTML5 ์ดํ›„ ๋ฒ„์ „์˜ ํ‘œ์ค€๋ฐœํ–‰์„ ํฌ๊ธฐํ•˜๊ณ  WHATWG์˜ ๋ฐฉ์‹์„ ์ˆ˜์šฉํ•˜๋„๋ก ํ•ฉ์˜ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์—ฌ, 2019๋…„ ๋ถ€ํ„ฐ๋Š” HTML5๋Œ€์‹  HTML Living Standard๋กœ ๋ถˆ๋ฆฌ์šฐ๋ฉฐ WHATWG๊ฐ€ ์ฃผ๊ด€ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
notion imagenotion image
(WHATWG์˜ ๋ช…์„ธ๊ฐ€ ํ‘œ์ค€์ž„์„ ๋ช…์‹œํ•˜๋Š” W3C)
ย 
์ด์   W3C html ํ‘œ์ค€ ๋ช…์„ธ ํŽ˜์ด์ง€์— ์ ‘์†ํ•˜๋ฉด WHATWG๋กœ ์•ˆ๋‚ดํ•ฉ๋‹ˆ๋‹ค. (https://www.w3.org/TR/2017/REC-html52-20171214/)
ย 
์ฐธ๊ณ ๊ธฐ์‚ฌ https://zdnet.co.kr/view/?no=20190531184644
ย