[HTML] Semantic.
2022. 3. 9. 23:31
Semantic ์ด๋
HTML5์ ๊ฐ์ฅ ํฐ ํน์ง ์ค ํ๋๋ก, ์ฌ์ ์ ์ธ ์๋ฏธ๋ก๋ '์๋ฏธ๊ฐ ํตํ๋' ์ด๋ผ๊ณ ํ ์ ์๋ค.
์ฌ์ ์ ์๋ฏธ์ ๊ฐ์ด ํน์ tag๋ก ํด๋น tag๊ฐ ์ด๋ค ์๋ฏธ๋ฅผ ๊ฐ๋์ง ์ ์ ์๊ฒ ํ๋ ๋ฐฉ์์ ๋งํ๋ค.
์ด ๋ฐฉ์์ ํตํด ๊ธฐ๊ณ๊ฐ ์ฝ๊ฒ ํด์ํ๊ณ ๋ถ์ ํ ์ ์๊ฒ๋์ด, ์น์ฌ์ดํธ๋ฅผ ๊ฒ์์์ง์ด ์ข ๋ ๋น ๋ฅด๊ฒ ๊ฒ์ํ ์ ์๋๋ก ํ๋ค.
Semantic tag ์ข ๋ฅ
tag | ์ค๋ช |
<header> | ํค๋(๋จธ๋ฆฌ๋ง) ์ง์ . |
<nav> | ๋ฌธ์ ๊ฐ์ ๋ค๋น๊ฒ์ด์ (์๋จ ๋ฉ๋ด) ์ง์ . |
<aside> | ๋ณธ๋ฌธ ์ด์ธ์ ๋ด์ฉ ํ์. |
<section> | ๋ณธ๋ฌธ์ ์ฌ๋ฌ ๋ด์ฉ(article)์ ํฌํจ. |
<article> | ๋ณธ๋ฌธ์ ์ฃผ ๋ด์ฉ์ ํฌํจ |
<footer> | ์ ์์ ๋ณด์ ์ ์๊ถ ํ์๋ฑ ํฌํจ. |
HTML5 ๊ตฌ์กฐ
728x90
'HTML,CSS,JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[JS] Promise (0) | 2022.05.04 |
---|---|
[CSS] ์ ํ์ (0) | 2022.03.09 |
[HTML] <img>, <a> ํ๊ทธ (0) | 2022.03.03 |
[HTML] <ul>, <ol> ๋ชฉ๋กํ ํ๊ทธ (0) | 2022.03.03 |