๐ญ HTML CSS/ํํธ๋ฏ๋ฅด
[HTML] Semantic
Semantic HTML Semantic : '์๋ฏธ๋ฅผ ๋ด๊ณ ์๋'์ ์๋ฏธ div, span๊ณผ ๊ฐ์ ํ๊ทธ๋ non-semanticํ ํ๊ทธ์ด๋ค. div ๋์ header๋ฅผ ์ฌ์ฉํ๋ค๋ฉด ๋๋ต์ ์ผ๋ก ์ด ์น ์์ ๋์ ๋ถ๋ผ๋ ๊ฒ์ ์ ์ ์๊ฒ ๋๋ค. Semantic์ ์ฅ์ ์ ๊ทผ์ฑ : screen reader ํน์ browser๊ฐ ์ฝ๋๋ฅผ ๋ ์ ํด์ํ ์ ์๋ ๋๋ถ์ ๋ ์ข์ ์ ๊ทผ์ฑ์ ๊ฐ์ง ์ ์๋ค. SEO(Search Engine Optimization ; ๊ฒ์ ์์ง ์ต์ ํ) : ์น ํ์ด์ง์ ๊ตฌ์กฐ์ ์๋ฏธ๋ฅผ ๋ถ์ฌํ๊ธฐ ๋๋ฌธ์ ์ข๋ ๊ฒ์ ์์ง์ ํ์ฉํ๊ธฐ์ ์ ๋ฆฌํ๋ค. ๊ฐ๋ฐ์๋ค์ด ์ฝ๋๋ฅผ ๋ณผ ๋ ๊ฐ๋ ์ฑ์ด ์ข์์ง๋ค. hello world, i'm jayden! hello world, i'm jayden!
[HTML] Forms
HTML Forms form ํ๊ทธ Password : ๊ฐ๋จํ ๊ฐ๋ ์ด์ง๋ง ๋์ค์ ํท๊ฐ๋ฆฌ์ง๋ง๊ธฐ! ํนํ, ์์ง์ ์๋ชจ๋ฅด๊ฒ ์ง๋ง ํ๋ก ํธ ๋จ์์ ๋ฐ์ดํฐ๋ฅผ input์ ํตํด ๋ฐ๊ณ ๊ทธ์ ๋ํด name๊ณผ value์ ์์ผ๋ก ์ ๋ฌ๋๋ ๋ถ๋ถ ๋ ๊ธฐ์ต!