<article> vs <section>
article - posts 중 하나, 신문 기사 중 하나, 독립적으로 고유한 정보를 나타낼 때
section - 연관 있는 정보를 묶어주고 싶을 때
<i> vs <em>
i - 시각적으로 이탤릭체
em - 강조하는 이탤릭체
<b> vs <strong>
b - 시각적으로 볼드체
strong - 정말 중요한 볼드체
<ol> vs <ul> vs <dl>
ol - 순서가 중요할 때
ul - 순서 없음
dl - 정의, 설명 목록
<img> vs background-image
img - 웹페이지 안에서 하나의 중요한 요소로 잡고 있을 때 사용
background-image - 문서의 내용과는 별개로 스타일 목적으로 배경이미지로 쓰인다면
<button> vs <a>
button - 특정한 액션을 위해 ex) 리뷰, 추천, 로그인, 가입
a - 어디론가 이동할 때(링크)
<table> vs css
정말 많은 양의 데이터가 필요해서 행과 열을 이용해야 하는 경우 table을 사용
그것 외에는 felx,grid로 쉽게 스타일링 가능