๐ Semantic
๐ Semantic Web
์์์ html์ ๋ฐฐ์ฐ๋ฉฐ Semantic tag๋ฅผ ์๊ฒ ๋์์ต๋๋ค. Semantic tag๋ก ์ฝ๋์ ์๋ฏธ๋ฅผ ๋ ์ฝ๊ฒ ํ์ ํ ์ ์์์ต๋๋ค. ํ์ง๋ง ์ด๋ฐ semantic tag๋ฅผ ์ฌ์ฉํจ์ผ๋ก์จ ์ฝ๋๋ฅผ ๋ณด๋ ๊ฒ ์ธ์๋ ๋ค๋ฅธ ์ฅ์ ์ด ์์ต๋๋ค.
Semantic: ์๋ฏธ์, ์๋ฏธ๋ก ์
Semantic Web์ด๋ "์๋ฏธ๋ก ์ ์ธ ์น"์ด๋ผ๋ ๋ง๋ก, ์น์ด ๋จ์ํ ์ฝ๋์ ๊ตฌ์ฑ์ด ์๋๋ผ ์๋ฏธ๋ฅผ ๊ฐ์ง ์ฌ์ดํธ๋ฅผ ๋งํฉ๋๋ค.
๊ทธ๋ฐ๋ฐ ์ฌ๊ธฐ์์ ์๋ฏธ๋ฅผ ๊ฐ์ก๋ค๋ ๋ง์ ์น ์์ ์กด์ฌํ๋ ์ ๋ณด๋ฅผ ์ฌ๋ ๋ฟ๋ง ์๋๋ผ ๊ธฐ๊ณ๊ฐ ์๋ฏธ(Semantic)๋ฅผ ํ์ ํ๊ณ ์ฌ์ฉ์์ ์๊ตฌ์ ์ ํฉํ ๊ฒฐ๊ณผ๋ฅผ ์๋น์ค ๊ฐ๋ฅํ๋๋ก ํ๋ ๊ฒ์ ๋งํฉ๋๋ค.
์๋ฅผ ๋ค์ด semantic-web์ ํตํด ์ด๋ค "THING"์ ๋ํด ์ดํดํ๋ค๋ฉด ๊ทธ์ ๊ด๋ จ๋ ์์น, ๋ ์ง ๋ฑ "THING"๊ณผ ๊ด๋ จ๋ ์๋ฏธ์๋ ์ ๋ณด๋ค์ ์ฌ์ฉ์์๊ฒ ์ ๊ณตํ ์ ์์ต๋๋ค.
Q. "์ฌ์ดํธ์ ์ด๋ฏธ์ง๋ฅผ ๋ฃ๋ ๋ฐฉ๋ฒ์ ๋ ๊ฐ์ง๊ฐ ์์ต๋๋ค.
< img > ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ๊ณผ < div > ํ๊ทธ์ background-image ์์ฑ์ ์ถ๊ฐํ๋ ๊ฒ. ๋ ๊ฐ์ง ๋ฐฉ๋ฒ์ ์ฐจ์ด์ ๊ณผ ๊ฐ๊ฐ ์ด๋ ํ ๊ฒฝ์ฐ์ ์ฌ์ฉํ๋ฉด ์ข์์ง ์ค๋ช ํด๋ณด์ธ์."
A.
๋ ๋ฐฉ๋ฒ์ ๋ชจ๋ ์ด๋ฏธ์ง๋ฅผ ๋ฃ์ ์ ์๋ค๋ ๊ณตํต์ ์ ๊ฐ์ง๊ณ ์์ง๋ง, img ํ๊ทธ๋ "alt" ๋ผ๋ ์์ฑ์ ๊ฐ์ง๋๋ค.
alt๋ ์ด๋ฏธ์ง๊ฐ ๋ธ๋ผ์ฐ์ ์์ ๋จ์ง ์์ผ๋ฉด ๋์ฒด๋๋ ํ
์คํธ๋ก ๋ณด์ฌ์ง๊ธฐ๋ ํ์ง๋ง, alt์์ฑ์ ๊ฐ์ semantic(์๋ฏธ์๋) ์ ๋ณด๊ฐ ๋๋ฉฐ ์ด๋ฏธ์ง์ ๋ํ ์ ๋ณด๋ฅผ ์น์ด ๋ ์ ํํ๊ฒ ์ดํดํ ์ ์์ต๋๋ค. ์ด๋ ์ฐ๋ฆฌ๊ฐ ๊ด๋ จ๋ ์ ๋ณด๋ฅผ ๊ฒ์ํ์ ๋, ๊ฒ์์์ง์ ํตํด ํด๋น ์ด๋ฏธ์ง๋ ๋์ฌ ์ ์๊ฒ ํฉ๋๋ค.