Part01.HTML/CSS 핵심HTML

HTML Emmet ( 치트키!! ))

1. 자동완성 : tab키
2. 텍스트 : {}
3. 자식(하위)요소 : >
4. 형제 요소 : +
5. 올라가기 : ^
6. 반복하기 : *
7. 그룹화 : ()
8. 클래스: .
9. 아이디 : #
10. 속성 : [attr]
11. 넘버링 : $

Block vs Inline

block: div, h1, p
inline: span, img, a, strong

시맨틱 마크업의 중요성

1. 검색 엔진 최적화 (SEO)
2. 접근성
3. 유지보수
   시맨틱 HTML은 주어진 목적을 위해 요소를 사용하기 때문에 사람과 기계가 읽고 이해하기가 더 쉽다.

HTML 학습 팁

1. 구글링
2. 영문검색이 유리
3. 공식문서로 확인해보기
   MDN: https://developers.mizila.org/ko/docs/Web/HTML/Element
   W3Schools:
   https://www.w3schools.com)
4. 검색시 html *** mdn로 브라우저 호환성도 같이 확인하기