시멘틱 태그, BEM

시멘틱 태그

• 가장 상위의 컨테이너:  container 또는 wrapper
• 문서의 주요 내용을 지정:  main
• 주제별 콘텍츠 영역:  section
• 헤더 영역 (로고, 메뉴, 검색 등):  header
• 제작 정보 및 저작권 정보 표시:  footer
• 콘텐츠 내용 넣기:  article
• 문서를 링크하는 탐색 영역:  nav
• 세부 사항 요소:  summary
• 추가 세부 정로를 정의:  details

BEM

일반적인 작명:  - 를 사용.

~의 일부분:  __ 를 사용.

~의 상태:  -- 를 사용.