1) inline요소와 block 요소
inline 요소는 글을 담는 용도로 수평적으로 쌓아는 성질을 갖는다. 위아래로는 padding이나 margin 등 이 적용되지 않는다.
ex)span, p, a, input, label
block 요소는 박스를 담는 용도로 수직적으로 쌓아는 성질을 갖는다. 사방으로 padding이나 margin 등 이 적용된다.
ex) div
inline 요소 안에 block 요소가 올 수는 없다.
<span><div></div></span> 불가능
<div><span></span></div> 가능
<span><span></span></span> 가능table inline도 block도 아닌 table요소.
<table>
<tr> make rows
<td> make columns
</td>
</tr>
<tr>
</tr>
</table>2)script 위치
script는 정보에 해당하기 때문에 head안에 넣어주도록 한다.
body의 데이터를 읽지 못해 script를 body 맨 아래 넣어주곤 했는데 defer를 쓰면 body를 읽은 후 script를 보라는 의미로 데이터를 잘 받아 올 수 있다.
<script defer src="./main.css"></script>3)오픈그래프
카톡에 링크를 보내면 밑에 카드 형식으로 정보가 나오는것처럼 sns로 공유될 때 우선적으로 활용되는 메타데이터
<meta property="" content="" />//형식