semantic1 HTML ์๋ฉํฑ ํ๊ทธ (๋ ์ด์์ ์ค๊ณ) semantic : ์๋ฏธ๋ก ์ ์ธ, ์๋ฏธ๋ฅผ ๊ฐ์ง๊ณ ์๋ HTML5 ์ด์ ์ ๋ ์ด์์์ ๊ตฌ์ฑํ ๋ div์ ํด๋์ค๋ฅผ ๋ถ์ฌํ๋ฉฐ ๊ตฌ์ฑํ์๋ค. ์ด๋ htmlํ์ผ์ด ๊ธธ์ด์ง๊ณ div๋ฅผ ๊ณ์ ๋ฐ๋ณตํด์ ์ฌ์ฉํด์ผํ๋ค. ๊ทธ ์ดํ sementicํ๊ทธ์ ๋ฑ์ฅ์ผ๋ก ํจ์จ์ ์ด๊ณ ์ง๊ด์ ์ผ๋ก ๊ตฌ์ฑํ ์ ์๊ฒ๋์๋ค! ์ข ๋ฅ .container : ๊ฐ์ฅ ์์ section : ์ฃผ์ ๋ณ ์ปจํ ์ธ ์์ญ header : ํค๋ ์์ญ(๋ก๊ณ , ๋ฉ๋ด ๋ฑ) footer : ํธํฐ(์ ์ ์ ๋ณด ๋ฑ) aricle : ์ปจํ ์ธ ๋ด์ฉ nav : ๋ฌธ์ ๋งํฌ ํ์ main : ๋ฌธ์ ์ฃผ์ ๋ด์ฉ ์ง์ ๋จ๊ณ .container>section, header, footer>article>div ๋ ์ด์์ ๋ง๋ค์ด๋ณด๊ธฐ(๊ฐ์ํด๋์ค X) .container { border: 1px solid #.. 2022. 1. 5. ์ด์ 1 ๋ค์ ๋ฐ์ํ
