[HTML] Chapter 01. HTML, CSS 그리고 JavaScript

1. HTML(Hyper Text Markup Language)이란?

HTML : 다양한 인터넷 정보를 웹 브라우저에 보여줄 때 사용하는 언어, 웹 문서를 만들 때 쓰이는 언어이다.  

• Hyper Text : 문서를 서로 연결해주는 링크를 말한다. 
• 엑셀이나 워드오 다르게 웹 문서를 내용을 작성하는 프로그램과 그 내용을 확인하는 프로그램이 다르다.

 

[구조] HTML : 웹 문서의 기본적인 골격을 담당

[표현] CSS : 각 요소들의 레이아웃, 스타일링을 담당

[동작] JavaScript : 동적인 요소(사용자와의 인터랙션)을 담당

 

웹 페이지 방향성 : 웹 표준, 웹 접근성, 웹 호환성

웹 표준 (Web Standards)

브라우저들끼리의 법칙.

• HTML5는 W3C에서 2014년에 공식 표준화
• 2019년에 WHATWG (애플, 모질라, 구글, MS)에 의해 HTML Living Standard가 표준화됨
• HTML이 표준화 되기 이전에는, 익스플로러의 액티브X처럼 독자적인 플러그인이 존재하기도 했음
• 웹 표준을 준수하여 작성한다면 운영체제, 브라우저마다 의도된 대로 보여지는 웹 페이지를 만들 수 있음

---

웹 접근성 (Web Accessibility)

• 웹 접근성은 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹 사이트를 이용할 수 있게 하는 방식을 가리킨다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때, 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있다.
• 또한 웹 접근성은 장애를 갖지 않은 사람에게도 이점을 준다. 예를 들어:
  • 작은 화면, 다른 입력 모드 등을 가진 휴대폰, 스마트 워치, 스마트 TV 및 다른 디바이스를 이용하는 사람
  • 나이가 들어감에 따라 기능적 능력이 변한 연로한 사람
  • 느린 인터넷을 사용하거나 제한적이거나 비싼 대역폭을 사용하는 사람
• 웹 브라우징에 쓰이는 보조과학기술 : 스크린리더, 화면 돋보기, 음성 인식, 키보드 오버레이 등

---

웹 호환성 (Cross Browsing)

• 웹 브라우저 버전, 종류와 관계없는 웹사이트 접근
• 웹 표준 준수를 통한 브라우저 호환성 확보
  • HTML, CSS 문법 준수
  • 동작, 레이아웃, 플러그인 호환성