semantic tag
Semantic Tag (์๋ฉํฑ ํ๊ทธ) ๋ฅผ ์ฌ์ฉํ์ฌ ์น ๊ฐ๋ฐ์ ํด์ผํ๋ ์ด์
HTML ์์๋ Semantic ์์์ Non Semantic ์์๋ก ๊ตฌ๋ถํ ์ ์๋ค. ์ฌ๊ฑฐ์ Semantic ์์๋ ์๋ฏธ๊ฐ ๋ถ์ฌ๋ ์์๋ฅผ ์๋ฏธํ๋ค. ์น ๊ฐ๋ฐ์๊ฐ ์น ์ฌ์ดํธ๋ฅผ ๊ตฌ์ถํ ๋ ๊ฐ ์์๊ฐ ๊ฐ์ง๋ '์๋ฏธ'๋ฅผ HTML ํ๊ทธ์ ์ง์ ๋ถ์ฌํ์ฌ ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฒ์ด ์ค์ํ๋ค. ํ๋์ ์์๋ฅผ ํตํด ๊ทธ ์ด์ ๋ฅผ ๊ฐ๋จํ ์ง์ด๋ณด์. ์นํ์ด์ง์ ์ด๋ฏธ์ง๋ฅผ ๋ถ๋ฌ์ค๋ 2๊ฐ์ง ๋ฐฉ๋ฒ์ผ๋ก ' ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ'๊ณผ ' ํ๊ทธ์ background-image ์์ฑ์ ์ถ๊ฐํ๋ ๋ฐฉ๋ฒ'์ด ์๋ค. (๋ค๋ฅธ ๋ฐฉ๋ฒ๋ ์๊ฒ ์ง๋ง ์ฌ๊ธฐ์ ์ด ๋ ๊ฐ์ง๋ง์ ๊ณ ๋ คํ๊ธฐ๋ก ํ๋ค.) ์ฌ๊ธฐ์ ํ๊ทธ๋ ๊ทธ ์ด๋ฆ์ '์ด๋ฏธ์ง'๋ผ๋ ์๋ฏธ๊ฐ ๋ด๊ฒจ ์๋ Semantic Tag์ด๋ค. ์ด๋ฐ Semantic Tag๋ฅผ ์ด์ฉํ์ฌ ์ฝ๋๋ฅผ ์์ฑํ๋ฉด ํ๊ทธ ์ด๋ฆ๋ง์ผ๋ก ์ด ์์๊ฐ ์ด๋ค ..