-HTML๋ก ์ ์๋ ๊ฒ์ ์ฝ๋๋ฅผ ๊ณต์ ํ๋ ํ์ด์ง-
๐HTML์ด๋?
HTML์ HyperText Markup Language์ ์ฝ์ด๋ก, ์น ํ์ด์ง๋ฅผ ์์ฑํ๋ ๋ฐ ์ฌ์ฉ๋๋ ๋งํฌ์ ์ธ์ด์ ๋๋ค. ๋งํฌ์ ์ธ์ด๋ ๋ฌธ์์ ๊ตฌ์กฐ์ ๋ด์ฉ์ ๊ธฐ์ ํ๋ ๋ฐ ์ฌ์ฉ๋๋ฉฐ, HTML์ ์น ๋ธ๋ผ์ฐ์ ์ ์ํด ํด์๋์ด ์ฌ์ฉ์๊ฐ ์น ํ์ด์ง๋ฅผ ๋ณผ ์ ์๊ฒ ํฉ๋๋ค.
HTML์ ํ ์คํธ ๊ธฐ๋ฐ์ ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ ์น ํ์ด์ง์ ๋ค์ํ ์์๋ฅผ ์ ์ํฉ๋๋ค. ๊ฐ ์์๋ ํน์ ์๋ฏธ์ ๊ธฐ๋ฅ์ ๊ฐ์ง๊ณ ์์ผ๋ฉฐ, ์ด๋ฌํ ์์๋ค์ด ์กฐํฉ๋์ด ์น ํ์ด์ง์ ๊ตฌ์กฐ์ ์ฝํ ์ธ ๋ฅผ ๊ตฌ์ฑํฉ๋๋ค. ์๋ฅผ ๋ค๋ฉด, ์ ๋ชฉ, ๋จ๋ฝ, ์ด๋ฏธ์ง, ๋งํฌ ๋ฑ์ด HTML ์์์ ํด๋นํฉ๋๋ค.
HTML ๋ฌธ์๋ ์ผ๋ฐ์ ์ผ๋ก .html ๋๋ .htm ํ์ฅ์๋ก ์ ์ฅ๋๋ฉฐ, ์น ์๋ฒ๋ฅผ ํตํด ์น ๋ธ๋ผ์ฐ์ ์๊ฒ ์ ์ก๋์ด ์น ํ์ด์ง๋ฅผ ํ์ํฉ๋๋ค. HTML์ ์น ๊ฐ๋ฐ์ ๊ธฐ๋ณธ์ด๋ฉฐ, CSS(Cascading Style Sheets)์ JavaScript์ ํจ๊ป ์น ํ์ด์ง์ ๋์์ธ๊ณผ ๋์ ๊ธฐ๋ฅ์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
HTML ๋ฌธ์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ํ ์คํธ ๊ธฐ๋ฐ์ด์ง๋ง, ์น ํ์ด์ง์ ๋์์ธ์ ๋ค๋ฃจ๋ CSS์ ์ํธ์์ฉ๊ณผ ๋์ ๊ธฐ๋ฅ์ ๋ด๋นํ๋ JavaScript์ ๊ฒฐํฉํ์ฌ ํ๋ถํ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๋ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค
๐ HTML ํน์ง 10๊ฐ์ง
๋งํฌ์ ์ธ์ด: HTML์ ๋งํฌ์ ์ธ์ด๋ก์, ํ ์คํธ ๊ธฐ๋ฐ์ ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ ๋ฌธ์์ ๊ตฌ์กฐ์ ์ฝํ ์ธ ๋ฅผ ์ ์ํฉ๋๋ค. ๊ฐ ํ๊ทธ๋ ํน์ ์๋ฏธ์ ๊ธฐ๋ฅ์ ๊ฐ์ง๊ณ ์์ผ๋ฉฐ, ์ด๋ฅผ ํตํด ์น ํ์ด์ง๋ฅผ ๊ตฌ์ฑํฉ๋๋ค.
ํ๋ซํผ ๋ ๋ฆฝ์ฑ: HTML์ ํ๋ซํผ์ ๋ ๋ฆฝ์ ์ ๋๋ค. ์ฆ, ์ด๋ค ์ด์ ์ฒด์ ๋ ๋๋ฐ์ด์ค์์๋ ๋์ผํ ์น ํ์ด์ง๋ฅผ ๋ณผ ์ ์์ต๋๋ค.
๊ฐ๋ฐฉํ ํ์ค: HTML์ W3C(World Wide Web Consortium)์์ ๊ฐ๋ฐ๋๋ ๊ฐ๋ฐฉํ ํ์ค์ ๋๋ค. ์ด๋ ์น ํ์ด์ง๊ฐ ์ฌ๋ฌ ๋ธ๋ผ์ฐ์ ์์ ์ผ๊ด๋๊ฒ ํ์๋๋๋ก ํ๊ณ , ์น ๊ฐ๋ฐ์๋ค์ด ํ์ค์ ์ค์ํ๋ฉฐ ์์ ํ ์ ์๋๋ก ๋์์ค๋๋ค.
๊ตฌ์กฐํ๋ ๋ฌธ์: HTML์ ์น ํ์ด์ง์ ๊ตฌ์กฐ๋ฅผ ๋ช ํํ๊ฒ ์ ์ํฉ๋๋ค. ์ ๋ชฉ, ๋จ๋ฝ, ๋ชฉ๋ก, ํ ์ด๋ธ ๋ฑ๊ณผ ๊ฐ์ ์์๋ค์ ์ฌ์ฉํ์ฌ ์น ํ์ด์ง์ ๋ ผ๋ฆฌ์ ์ธ ๊ตฌ์กฐ๋ฅผ ๋ํ๋ ๋๋ค.
ํ์ดํผ๋งํฌ: HTML์ ๋ค๋ฅธ ์น ํ์ด์ง๋ ์น ์ฌ์ดํธ๋ก ์ฐ๊ฒฐํ๋ ํ์ดํผ๋งํฌ๋ฅผ ์์ฑํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. ์ด๋ฅผ ํตํด ์น ํ์ด์ง๋ค์ด ์๋ก ์ฐ๊ฒฐ๋์ด ์น์ ๋คํธ์ํฌ์ ํน์ฑ์ ๊ตฌํํฉ๋๋ค.
์ด๋ฏธ์ง์ ๋ฉํฐ๋ฏธ๋์ด: HTML์ ์ด๋ฏธ์ง, ์ค๋์ค, ๋น๋์ค ๋ฑ ๋ค์ํ ๋ฉํฐ๋ฏธ๋์ด ์์๋ฅผ ์น ํ์ด์ง์ ํฌํจ์ํฌ ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ๋ค์ํ ์ฝํ ์ธ ๋ฅผ ์ ๊ณตํ ์ ์์ต๋๋ค.
ํผ๊ณผ ์ ๋ ฅ ์์: HTML์ ํผ(form)๊ณผ ์ ๋ ฅ ์์(input element)๋ฅผ ์ ๊ณตํ์ฌ ์ฌ์ฉ์๋ก๋ถํฐ ์ ๋ณด๋ฅผ ์ ๋ ฅ๋ฐ์ ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ์น ํ์ด์ง์ ๋ํํ ๊ธฐ๋ฅ์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
๊ฐ๋จํ ๋ฌธ๋ฒ: HTML์ ๋น๊ต์ ๊ฐ๋จํ ๋ฌธ๋ฒ์ ๊ฐ์ง๊ณ ์์ด ์ฝ๊ฒ ํ์ตํ๊ณ ์ฌ์ฉํ ์ ์์ต๋๋ค. ํ๊ทธ๋ค์ ๋ช ํํ๊ฒ ์ดํด๋๋ฉฐ, ๊ฐ๋จํ ์์ ์ผ๋ก ์น ํ์ด์ง๋ฅผ ์ ๋ฐ์ดํธํ ์ ์์ต๋๋ค.
ํฅํ ํธํ์ฑ: HTML์ ๊ธฐ์กด ๋ฒ์ ๊ณผ์ ํธํ์ฑ์ ์ ์งํ๋ฉด์ ์ง์์ ์ผ๋ก ์ ๋ฐ์ดํธ๋๊ณ ๋ฐ์ ํ๊ณ ์์ต๋๋ค. ์ด๋ก ์ธํด ์ด์ ์ ์์ฑ๋ ์น ํ์ด์ง๋ค๋ ์ค๋ ์ฌ์ฉ๋ ์ ์์ต๋๋ค.
๊ฒ์ ์์ง ์ต์ ํ(SEO): HTML์ ๊ฒ์ ์์ง์ ์ํด ํฌ๋กค๋ง๋๊ณ ์์ธํ๋๊ธฐ ์ฝ์ต๋๋ค. ์ ์ ํ ํ๊ทธ ์ฌ์ฉ๊ณผ ๊ตฌ์กฐํ๋ ์ฝํ ์ธ ๋ก ๊ฒ์ ์์ง ์ต์ ํ๋ฅผ ํ ์ ์์ด ์น ํ์ด์ง์ ๊ฒ์ ๊ฒฐ๊ณผ ๋ ธ์ถ์ ์ ๋ฆฌํฉ๋๋ค.
๐HTML ์ญ์ฌ
ย 'ํ ๋ฒ๋์ค๋ฆฌ' (์๊ตญ ์ฅ์คํผ๋๋ ๊ต์)ย
์ ๋ฝ์ ์๋ฌผ๋ฆฌ์ฐ๊ตฌ์(CERN)์ ์ฌ์ง ์ค์ด๋ 1989๋ 3์ 12์ผ ์ข ์ด ํ ์ฅ์ ๊ทธ๋ฆฐ ๊ฐ๋ ๋์์ ์ถ๋ฐย
[์ฌ์ง์ถ์ฒ]:CERM
๐๊ทธ ์ ์น(WEB) ์์ด๋์ด์ ์์: ์ปดํจํฐ์ ์ ์ฅ๋ผ ์๋ ์ ๋ณด๋ฅผ ์ธํฐ๋ท์ ํตํด ์ฐ๊ฒฐํด ์ธ์ , ์ด๋์๊ฑด ๋๊ตฌ๋ผ๋ ์ ๊ทผํ ์ ์๊ฒ ํ๋ ๋ฐฉ๋ฒ์ ์์๊น?
WWW์ ์ต์ด ์์ด๋์ด ์ปจ์
[์ฌ์ง์ถ์ฒ]https://www.w3.org/History/1989/proposal.html
โ๋๊ตฌ๋ ์์ ๋กญ๊ฒ ์ฝํ ์ธ ๋ฅผ ๋ง๋ค๊ณ ์ ๊ทผํ ์ ์์ง๋ง ๋ฐ์ดํฐ์ ์์ ๊ถ์ ๊ฐ์์๊ฒ ์๋ค๋ ๋ฏผ์ฃผ์ ์ธ ์ด์์์ ์์๋๋คโย
- ์ค์์ค ์ ๋ค๋ฐ WEB 30์ฃผ๋ ํ์ฌ์์ ํ ๋ฒ๋์ค๋ฆฌ๊ฐ -
HTML์ ์น ํ์ด์ง๋ฅผ ๋ง๋ค๊ณ ํ์ํ๋ ๋ฐ ์ฌ์ฉ๋๋ ํต์ฌ ์ธ์ด๋ก์, ์น์ ๋ฐ์ ๊ณผ ํจ๊ป ์ง์์ ์ผ๋ก ๋ฐ์ ํด ์์ต๋๋ค.
1989๋ : HTML์ ๊ธฐ์์ ํ ๋ฒ๋์ค ๋ฆฌ(Tim Berners-Lee)๊ฐ 1989๋ ์ ์ฒ์ ์ ์ํ ๊ฒ์ผ๋ก ๊ฑฐ์ฌ๋ฌ ์ฌ๋ผ๊ฐ๋๋ค. ๊ทธ ๋น์ ํ ๋ฒ๋์ค ๋ฆฌ๋ CERN(์ ๋ฝ ์์ํต ์ฐ๊ตฌ์)์์ ์ฐ๊ตฌ์์ผ๋ก ๊ทผ๋ฌดํ๊ณ ์์์ต๋๋ค. ๊ทธ๋ ์ ๋ณด ๊ณต์ ๋ฅผ ์ํ ์์คํ ์ ๊ณ ์ํ๊ณ , ์ด๋ฅผ "์๋ ์์ด๋ ์น(www)"์ด๋ผ๋ ์ด๋ฆ์ผ๋ก ๋ฐํํ์ต๋๋ค. ์ด๋ ์ฒ์์ผ๋ก ์ฌ์ฉ๋ ๋ฌธ์ ์ธ์ด๊ฐ ๋ฐ๋ก HTML์ด์์ต๋๋ค.
1991๋ : HTML์ด ์ต์ด์ ๋ฒ์ ์ผ๋ก ๋ฐํ๋์์ต๋๋ค. ์ด๋๋ ๋งค์ฐ ๊ธฐ๋ณธ์ ์ธ ๊ธฐ๋ฅ๋ง์ ์ ๊ณตํ์ผ๋ฉฐ, ์ด๋ฏธ์ง๋ ํ ์ด๋ธ๊ณผ ๊ฐ์ ๊ณ ๊ธ ์์๋ ํฌํจ๋์ง ์์์ต๋๋ค.
1995๋ : HTML 2.0์ด ํ์ค์ผ๋ก ๊ณต์ํ๋์์ต๋๋ค. ์ด๋๋ถํฐ ์ด๋ฏธ์ง, ๋งํฌ, ํผ ์ ๋ ฅ ์์ ๋ฑ์ด ์ถ๊ฐ๋์์ต๋๋ค. ๋ํ, HTML์ ์ง์ํ๋ ์ต์ด์ ์น ๋ธ๋ผ์ฐ์ ์ธ Mosaic๊ณผ Netscape Navigator๊ฐ ๋ฑ์ฅํ์์ต๋๋ค.
1997๋ : HTML 3.2๊ฐ ํ์ค์ผ๋ก ์ ์ ๋์์ต๋๋ค. ์ด ๋ฒ์ ์์๋ ํ์ ํผ ๋ฑ์ ์์๋ค์ด ํ์ค์ผ๋ก ์ถ๊ฐ๋์์ต๋๋ค.
1999๋ : HTML 4.01์ด ๋ฐํ๋์์ต๋๋ค. ์ด ๋ฒ์ ์์๋ ์คํ์ผ ์ํธ(CSS)์ ์คํฌ๋ฆฝํ ์ธ์ด์ธ JavaScript๋ฅผ ํตํฉํ์ฌ ์น ํ์ด์ง์ ๋์์ธ๊ณผ ๋์ ๊ธฐ๋ฅ์ ๊ฐ์ ํ๋ ๋ฐ ์ค์ ์ ๋์์ต๋๋ค.
2000๋ ๋ ์ด๋ฐ: XHTML(Extensible HyperText Markup Language)์ด ๋ฑ์ฅํ์์ต๋๋ค. XHTML์ XML ๊ธฐ๋ฐ์ HTML๋ก, ๋ ์๊ฒฉํ ๋ฌธ๋ฒ ๊ท์น์ ๊ฐ์ง๊ณ ์์ผ๋ฉฐ, XML๊ณผ์ ํธํ์ฑ์ ๊ฐํํ์์ต๋๋ค.
2008๋ : HTML5๊ฐ ์ด์์ผ๋ก ๋ฐํ๋์์ต๋๋ค. ์ด๊ฒ์ ๊ธฐ์กด์ HTML์ ๋๋์ ์ผ๋ก ๊ฐ์ ํ๊ณ ํ์ฅํ๋ ๊ฒ์ผ๋ก์, ๋ฉํฐ๋ฏธ๋์ด ์์, ๊ทธ๋ํฝ, ๊ทธ๋ํฝ, ์คํ๋ผ์ธ ์ ํ๋ฆฌ์ผ์ด์ ๋ฑ์ ์ง์ํ๋ ๊ธฐ๋ฅ์ ์ถ๊ฐํ์ต๋๋ค.
2014๋ : HTML5๊ฐ ์์ ํ ํ์ค์ผ๋ก ์น์ธ๋์์ต๋๋ค. ์ดํ์๋ ๋ธ๋ผ์ฐ์ ์ ์กฐ์ฌ๋ค์ด ์ง์์ ์ผ๋ก HTML5๋ฅผ ์ง์ํ๋ฉฐ, ์๋ก์ด ์น ๊ธฐ์ ๊ณผ ๊ธฐ๋ฅ์ด ๊ณ์ํด์ ์ถ๊ฐ๋๊ณ ๋ฐ์ ๋๊ณ ์์ต๋๋ค.
[HTML์ ์ญ์ฌ]https://webdevelopmenthistory.com/1990-programming-the-world-wide-web/
[์ค๋ฆฌ์ง๋ ํ๋กํฌ์ ]https://www.w3.org/History/1989/proposal.html
'Peace be with you.'
ย by Learnmore'