Tag의 종류

Sectioning / Item

Tag를 크게 두 가지로 나눈다면

• 페이지를 Sectioning하기 위한 태그
• 컨텐츠에 포함되는 아이템을 나타내는 태그
  로 나눌 수 있다.

Sectioning

<header> <section> <footer> <nav> <div> <span> <aside> <main> <article> <form> 등

내용이 없으면 사용자에게 노출되지 않는다.

item

<a> <video> <button> <audio> <input> <map> <label> <canvas> <img> <table> 등

내용이 없어도 사용자에게 노출된다.

---

Block / inline

사용자에게 보여지는 item 용 태그도 두 가지로 나눌 수 있는데,
Block level tag / inline level tag이다.

Block

한 줄에 해당 tag 하나만 위치 가능.

inline

공간이 허용된다면, 한 줄에 여러 tag 위치 가능.

---

유용한 Tag들

<input>

<input>은 보통 id를 주고,<label>과 같이 사용된다.
input의 type은 굉장히 많으니 (button, checkbox, color, file, ...etc)
필요한 타입을 찾아서 사용하면 된다.

사용 예시

<label for="input_name" Name: </label>
<input id="input_name" type="text">

<ol> <ul>

ordered list, unordered list