태그를 아무리 많아도 두가지로 분류할 수 있다.
div로만 계속 나눠서 하지말고 권장되는
header, nav, main(section(article(text, icon), article), section(article, article)), aside, footer로 설계하자
BOX VS ITEM
BOX
- sectioning 되는, 그안에서 아티클(재사용가능한)
- div 묶어서 스타일링 할수있을때
ITEM
- 사용자에게 보여지는 태그들
- 이 아이템은 또 나뉘어짐
- yellow item 정렬한다면 바로 밑에줄에 정렬,inline이라면 바로 우측에
한줄에 하나가 block, inline은 다른태그옆에 배치 가능
JSBIN에서 박스와 아이템 알아보기
이렇게 태그 정의해도 화면에 나타나지않음
h1은 글을 작성하는순간 데코레이션 되기때문에 아이템, 버튼도 화면에 생기기때문에 아이템이다.
a태그
target=새로운 창띄우기결정하기
mdn에서 보면 self는 현재창
blank는 새창
<a href="[http://google.com](http://google.com/)" target=_blank>click</a>block과 inline의 레벨이 어떻게 다른지 알아보자
b는 inline, span도 마찬가지
div는 block레벨
리스트에 대해서 알아보자
list (ol vs ul)
ol>li*3 and tap →
<ol>
<li></li>
<li></li>
<li></li>로 나타낼 수 있다.
→ ol의 속성값
input태그
인풋태그는 보통 label과 같이 사용되어 사용자에게 어떤것을 받을건지 입력 받음
둘다 label, input inline이라는것 알수있음
서로 그룹하는것
