๋ธ๋ก ๋ ๋ฒจ ์์์ ์ธ๋ผ์ธ ์์
1. ๋ธ๋ก ๋ ๋ฒจ ์์
๋ธ๋ก ๋ ๋ฒจ ์์๋ ๋งํฌ์ ์ ํ ๋ ์ค์ด ๋ฐ๋๋ ํน์ฑ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ๋ธ๋ก ๊ตฌ์กฐ์ ํน์ง์ ํ ์ค์ ํ๋๋ง ํํ๋๋ ๊ฒ, ์ฆ ๊ฐ๋ก๋ก ์ ๋ ฌ์ด ๋์ง ์๋๋ค๋ ๊ฒ์ ๋๋ค. ๋ํ ์์ญ์ ํฌํํ๋ ๋ถ๋ถ์ด๊ธฐ ๋๋ฌธ์, ๋ง์ง ๊ฐ์ด๋ ํจ๋ฉ ๊ฐ์ด ์ ์ฉ๋ฉ๋๋ค. ๋ธ๋ก ๊ตฌ์กฐ๋ ๋ธ๋ก ๊ตฌ์กฐ ์์ ๋ธ๋ก ๊ตฌ์กฐ์ ์ธ๋ผ์ธ ๊ตฌ์กฐ ๋ชจ๋ ์ฌ ์ ์์ต๋๋ค.
2. ์ธ๋ผ์ธ ์์
์ธ๋ผ์ธ ์์๋ ๋ธ๋ก ๋ ๋ฒจ ์์์ฒ๋ผ ํ์ด ๋ฐ๋์ง ์๊ณ ํ ์ค๋ก ์ถ๋ ฅ๋ฉ๋๋ค. ํ ์ค์ ์ฌ๋ฌ๊ฐ๊ฐ ํํ์ด ๋๋ฉฐ, ๊ฐ๋ก๋ก ์ ๋ ฌ์ด ๋ฉ๋๋ค. ์์ญ์ ํ ์คํธ ๋ถ๋ถ๋ง ์์ญ์ผ๋ก ์กด์ฌํ๊ธฐ ๋๋ฌธ์, ํจ๋ฉ์ด๋ ๋ง์ง์ด ์ ์ฉ๋์ง ์์ต๋๋ค. ํ์ง๋ง ์ข์ฐ์๋ ์ ์ฉ๋ฉ๋๋ค. ์ธ๋ผ์ธ ๊ตฌ์กฐ๋ ์ธ๋ผ์ธ ๊ตฌ์กฐ ์์ ๋ธ๋ก ๊ตฌ์กฐ๊ฐ ์ฌ ์ ์์ต๋๋ค.
๋ธ๋ก ํ๊ทธ/์ธ๋ผ์ธ ํ๊ทธ
๋ธ๋ก ํ๊ทธ | ์ธ๋ผ์ธ ํ๊ทธ |
---|---|
<div>, <address>, <article>, <aside>, <audio>, <blockquote>, <canvas>, <dd>, <div>, <dl>, <fieldset>, <figcaption>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <noscript>, <ol>, <output>, <p>, <pre>, <section>, <table>, <ul>, <video> |
<span>, <a>, <abbr>, <acronym>, <b>, <bdo>, <big>, <br/>, <button>, <cite>, <code>, <dfn>, <em>, <i>, <img>, <input>, <kbd>, <label>, <map>, <object>, <q>, <samp>, <small>, <script>, <select>, <span>, <strong>, <sub>, <sup>, <textarea>, <tt>, <var> |
3. ๋ธ๋ก ๋ ๋ฒจ ์์์ ์ธ๋ผ์ธ ์์์ ํน์ฑ
๋งํฌ์ ์ ํ ๋ ๋ธ๋ก ๋ ๋ฒจ ์์์ ์ธ๋ผ์ธ ์์์ ํน์ฑ์ ์ ์๊ณ ์์ด์ผ๋ง ๋ฌธ๋ฒ์ ์ค๋ฅ๋ฅผ ๋ฐฉ์งํ ์ ์์ต๋๋ค.
-๋ธ๋ก ๋ ๋ฒจ ์์์ ์ธ๋ผ์ธ ์์์ ํน์ง ์ ๋ฆฌ
์์ ์ ํ | ํน์ง |
---|---|
๋ธ๋ก ๋ ๋ฒจ ์์ | 1. ๋ธ๋ก ๋ ๋ฒจ ์์๋ ์ค ๋ฐ๊ฟ์ด ์ผ์ด๋ฉ๋๋ค. 2. ๋ธ๋ก ๋ ๋ฒจ ์์๋ ํ ์คํธ(๋ฌธ์)์ ์ธ๋ผ์ธ ์์๋ฅผ ์์ ์์๋ก ํฌํจํ ์ ์์ต๋๋ค. 3. ๋ธ๋ก ๋ ๋ฒจ ์์ ์ค์๋ ๋ธ๋ก ๋ ๋ฒจ ์์๋ฅผ ์์ ์์๋ก ํฌํจ ํ ์ ์๋ ์์์ ํฌํจํ ์ ์๋ ์์๊ฐ ์์ต๋๋ค. |
์ธ๋ผ์ธ ์์ | 1. ์ธ๋ผ์ธ ์์๋ ์ค ๋ฐ๊ฟ์ด ์ผ์ด๋์ง ์์ต๋๋ค. 2. ์ธ๋ผ์ธ ์์๋ ํ ์คํธ(๋ฌธ์)์ ์ธ๋ผ์ธ ์์๋ฅผ ์์ ์์๋ก ํฌํจํ ์ ์์ต๋๋ค. 3. ์ธ๋ผ์ธ ์์๋ ๋ธ๋ก ๋ ๋ฒจ ์์๋ฅผ ์์ ์์๋ก ํฌํจํ ์ ์์ต๋๋ค. |
์ฝํ ์ธ ์ข ๋ฅ | ๋ด์ฉ | ํด๋น ์์ |
---|---|---|
๋ฉํ๋ฐ์ดํฐ ์ฝํ ์ธ | <head> ํ๊ทธ ์์ ํฌํจ๋๋ ์์๋ค๋ก ์ฝํ ์ธ ์ ํํ,๋์ ์ค์ , ๋ฌธ์๊ฐ ๊ด๊ณ๋ฅผ ์ค์ , ์ ๋ณด์ ๋ฌ์ ํฌํจํ๋ ์์๋ฅผ ์๋ฏธํฉ๋๋ค. | <base>, <link>, <meta>, <noscript>, <script>, <style>, <title>, ... |
ํ๋ก์ฐ ์ฝํ ์ธ | <body> ํ๊ทธ ์์ ํฌํจ๋๋ ๋๋ถ๋ถ์ ์์๋ค๋ก ๋ด์ฉ ํ๋ฆ์ ๊ดํ ์์๋ฅผ ์๋ฏธํฉ๋๋ค. | <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <address>, <p>, <a>, <img>, <ul>, <ol>,<dl>, <table>, <form>, ... |
์น์ ์ฝํ ์ธ | heading๊ณผ footer์ ์ ์๋ฅผ ์ ์ํ๋ ์์๋ฅผ ์๋ฏธํฉ๋๋ค. | <article>, <aside>, <nav>, <section>, ... |
ํค๋ฉ ์ฝํ ์ธ | ์น์ ์ ํค๋๋ฅผ ์ ์ํ๋ ์์๋ฅผ ์๋ฏธํฉ๋๋ค. | <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, ... |
ํ๋ ์ด์ง ์ฝํ ์ธ | ํ ์คํธ๋ฅผ ๋งํฌ์ ํ๋ ์์๋ฅผ ์๋ฏธํฉ๋๋ค. | <a>, <em>, <storng>, <sub>, <sup>, <label>, ... |
์๋ฒ ๋๋ ์ฝํ ์ธ | HTML๋ฌธ์์ ๋ค๋ฅธ ๋ฆฌ์์ค๋ฅผ ์ฝ์ ํ๋ ์์๋ฅผ ์๋ฏธํฉ๋๋ค. | <img>, <audio>, <video>, <iframe>, ... |
์ธํฐ๋ํฐ๋ธ ์ฝํ ์ธ | ์ฌ์ฉ์์ ์ํธ์์ฉ์ ์ํ ์์๋ฅผ ์๋ฏธํฉ๋๋ค. | <a>, <button>, <audio>, <video>, <select>, ... |
'HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๊ตฌ์กฐ ๊ด๋ จ ์์ (2) | 2022.08.17 |
---|---|
์น ์ ๊ทผ์ฑ/์น ํธํ์ฑ (5) | 2022.08.09 |
๋๊ธ