HTML : Hyper Text Markup Language
웹브라우저가 이해할 수 있도록 작성된 언어
Hyper Text 웹문서를 이루는 요소 하나하나
Markup 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미
=>데이터를 어떻게 표현을 할지
HTML <---> 웹브라우저 (크롬, 엣지, 사파리 ...)
.pdf -------> PDF 뷰어
.html -----> 웹브라우저
웹브라우저들은 html 문서를 보여주는 역할
-구조 HTML : 웹문서의 기본적인 골격을 담당
페이지에 제목, 사진, 설명이 있다.
-표현 CSS : 각 요소들의 레이아웃, 스타일을 담당
사진의 크기, 제목의 크기와 색, 배치 (레이아웃)
특정 콘텐츠가 눈에 띄게 있어야 한다던지
사용자가 웹 페이지를 잘 사용할 수 있게끔 ( ex. 클릭버튼)
웹페이지의 아이덴티티를 강조할 수 있음
-동작 Java Script : 동적인 요소 (사용자와의 인터랙션)을 담당
사용자의 행동에 의해서 요소가 보여지거나 보여지지 않게 제어할 수 있음
웹표준 (HTML 5)
크롬, 엣지, 사파리 등등에서 HTML로 작성한 것이 브라우저마다 의도된 대로 보여지는 웹페이지를 만들 수 있음.
-> 웹 표준을 알고 준수해서 작성하는 것이 중요
웹접근성
-장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹 사이트를 이용할 수 있게 하는 방식 (음성으로 검색 등등)
-비장애인에게도 도움을 줄 수 있음.
웹 호환성 (Cross Browsing)
웹 브러우저 버전, 종류와 관계없는 웹사이트 접근
낮은 버전의 사람들 까지도 문제 없이 웹사이트를 이용 할 수 있도록 하는것이 웹 호환성을 높다 라고 할 수 있다.