인터넷이란?

전 세계적으로 연결되어 있는 컴퓨터 네트워크 통신망
(ex: 웹, 온라인게임, 모바일앱, 이메일 등을 연결하는 통신망)

웹이란?

인터넷으로 연결된
문서, 이미지, 영상 등 다양한 정보를 사람들과 공유할 수 있는 공간

웹표준 이란?

웹에서 표준적으로 사용되는 규칙

웹표준 장점

사용자가 어떤 브라우저,운영체제를 사용하든지 상관없이 웹페이지가 동일하게 보이고 정상적으로 작동
1) 웹 호환성 확보 : 브라우저 상관없이 작동
2) 검색 효율성 증대 : 검색엔진에서 더 높은 우선순위로 노출
3) 유지 보수의 용이성 : 각 영역이 분리되어 유지 보수 용이
4) 웹 접근성 향상 : 다양한 환경과 사용자가 사용할 수 있는 웹

웹표준에 적합한 HTML작성법

Sementic HTML : sementic 요소로 화면 구성하기

시맨틱 HTML의 필요성

1) 개발자간 소통
2) 검색 효율성
3) 웹 접근성

시맨틱 요소의 종류

 <header> 머릿말
 <nav> 메뉴, 목차
 <main> 문서의 주요 콘텐츠
 <aside> 문서의 주요 콘텐츠는 아니지만 연관이 있는 콘텐츠
 <article> 문서, 각각의 문서를 구분, 주로 제목 <hgroup>요소 포함
 <section> 문서의 독립적인 구획, 주로 제목 <hgroup>요소 포함
 <hgroup> h1~h6
 <footer> 꼬릿말  

자주 틀리는 마크업 요소

1) 인라인 요소 안에 블록 요소 넣기(x) => 블록 요소 안에 인라인 요소 넣기
2) , 요소 사용 (x) => , 요소 사용하기
3)

마구잡이로 사용(x) => hgroup 태그로 상하관계를 표시하기
4)
연속 사용(x) =>

,CSS 스타일링 margin 사용하기
5) 인라인 스타일링 사용(x) => CSS 스타일링 사용하기