// education

인터넷과 웹 환경의 발전 및 HTML5 개요

**웹(World Wide Web, WWW)**은 인터넷 망 위에서 문자, 이미지, 동영상 등의 정보를 하이퍼텍스트(Hypertext) 방식으로 연결하여 공유하는 정보 공간입니다. 1989년 팀 버너스 리(Tim Berners-Lee)에 의해 처음 개발되었습니다.


1. 웹의 작동 원리: 클라이언트와 서버

웹 시스템은 **클라이언트(Client)**의 요청(Request)과 **서버(Server)**의 응답(Response) 구조로 동작합니다.


2. 웹 문서 3대 요소의 역할 분담

현대 웹 페이지는 3가지 기술이 조화롭게 결합되어 완성됩니다.

구성 요소 기술 역할 및 비유
구조 (Structure) HTML5 웹 문서의 뼈대와 내용을 작성 (건물의 골조)
표현 (Presentation) CSS3 웹 문서의 디자인과 레이아웃 꾸미기 (건물의 인테리어)
동작 (Behavior) JavaScript 웹 문서에 동적 기능과 생명력 부여 (건물의 엘리베이터/전기 시스템)

3. HTML5가 이전 버전과 다른 주요 특징

  1. 플러그인 없는 웹 구현: 과거 Flash나 ActiveX 없이도 <audio>, <video>, <canvas> 태그로 멀티미디어와 그래픽을 직접 표현합니다.
  2. 시맨틱 태그 (Semantic Tags): <header>, <nav>, <article> 등 의미가 명확한 태그를 도입하여 검색엔진(SEO)이 웹페이지를 더 잘 이해하도록 돕습니다.
  3. 풍부한 웹 API 지원: 위치 정보(Geolocation), 웹 스토리지(Web Storage), 드래그 앤 드롭 등 강력한 브라우저 API를 지원합니다.

4. 자주 묻는 질문 (Q&A)

Q. 웹 표준(Web Standards)이란 왜 중요한가요? A. 사용자가 어떠한 브라우저(Chrome, Safari, Firefox 등)나 기기(PC, 스마트폰, 태블릿)를 사용하더라도 동일한 웹페이지 콘텐츠가 깨짐 없이 바르게 보이도록 보장하는 지침입니다.

← 이전 다음 →HTML5 문서의 기본 구조와 시맨틱 태그