태그자체에 의미가 있는 마크업
1. seo최적화에 유리
2. 웹 접근성에 효율적
3. 유지모수의 용이성
-영역클래스
column - col - row - inner
-의미있는 영역 클래스
section - group - area(영역을 잡아줄때) - wrap - box
-리스트 클래스
ul - list
li - item
-a 태그는 목적에 맞게 준다.
link - 링크이동
btn - 더보기 혹은 스크립트 등 이벤트작동
strong : 문장강조 게시글에서 제목급
em: 단어강조 게시글이라고하면 카테고리,분류급
p : 문장,단락,내용 유의미한 텍스트
span : 의미가 많이떨어지는 쩌리텍스트
단독span → 쩌리텍스트
a태그나 다른태그에 소속된 span → 디자인