HTML, html HyperText Markup Language 하이퍼텍스트 마크업 언어

(2024-06-16)

▷ Top ▷ 통신/네트워킹 ▷ 인터넷/데이터통신 ▷ 웹기술 ▷ 웹 페이지 ▷ 인터넷 응용 ▷ 마크업 언어 ▷ HTML

1. HTML (Hypertext Markup Language)

ㅇ 인터넷 웹(WWW) 문서를 표현하는 표준화된 마크업 언어
- 웹페이지로써 사용되는 표준화된 문서 형식

2. HTML의 특징

ㅇ 일반 텍스트 문서에다가 구조화된 표현을 가능케함
- 내용에 대한 의미 전달 외에도 하이퍼텍스트 구조화 도모
- 기존의 HTML 2 ~ 4 에서는,
. 사용 가능한 태그가 한정되고, (확장성 미흡)
. 웹 문서의 화려한 모양 표현에 한계가 있었으나,
- HTML 5 부터는,
. 기존 표현 방식에 유연성,다양성,기능성 등이 도입/확대되기 시작함

ㅇ ISO/IEC JIC1/SC18에서, 전자 문서화를 위해 표준화시킨 SGML(ISO 8879)의 부분집합
- 방대한 SGML 표준에서, 특히 하이퍼텍스트의 사용을 강조한 언어

3. HTML의 역사

※ 1991년, Tim Berners-Lee에 의해,,
- 방대한 SGML을 기반으로, 단순화시켜, (20여개 태그들로 만 구성) 만들어짐
. 후에, 그는 1994년 W3C라는 조직을 설립하게 됨

ㅇ HTML 2.0 : 1994년, RFC 1866
ㅇ HTML 3.2 : 1996년, 테이블, 첨자 기능 등 추가
ㅇ HTML 4.0 : 1998년, 멀티미디어, 스타일시트 등 지원
- 웹페이지상의 이벤트를 스트립트(이벤트 핸들러)와 연결 가능토록 함 등
ㅇ HTML 4.01 : 1999년, HTML 4.0 버그 수정본 (현재의 HTML5 원형)

ㅇ XHTML 1.0 ~ 2.0 : 2000년, HTML 4.01를 엄격한 XML 문법으로 다시 재 구성한 것
- W3C에서, 명세가 엄격한 순수 이론적인 언어로써 만들었으나 대중성 확보 실패

※ HTML 5 : 2014년10월28일 표준안 확정 발표 ☞ HTML5 API
- WHATWG에서, 웹 어플리케이션 1.0 이라는 명칭으로 계속 개발되고 반영되고 있음
. 즉, 규격 자체가 진화중 임
- 특징
. 시각적 효과 이외에 의미적인 문서의 구조화 도모
. 따로 별도의 플러그인 없이도, 다양한 멀티미디어 감상 가능 등

4. HTML 문서의 기초 문법

ㅇ 기본 문자셋
- 과거에는, ASCII, ISO 8859-1(Latin-1) 이었으나,
- HTML 5 부터는, UTF-8 로 통일됨
ㅇ 대/소문자 구분 없음
- 마트업/태그/요소명에 대/소문자 구분 없음
ㅇ 중첩문 사용 가능
- 시작 태그,종료 테그 사이에 다른 태그 존재 가능
ㅇ 주석 :

5. HTML 문서의 구조

6. HTML 문서의 영역 구성 ☞ HTML 기본 구조 요소, 시맨틱 요소 등 참조

ㅇ 문서 정보 영역 : HTML 문서의 선언 및 문서 유형을 알림
- HTML 문서의 선언 : <!DOCTYPE html>
. (위 내용은, HTML5 버전임을 말함)
- 문서 유형 (document type)
. 어떤 종류/버전의 마크업 언어인지를 웹브라우저에게 알림

* 이후, HTML 문서 내 코드들은, <html lang='ko'> ... </html>로 코드 전체를 감쌈 ☞ html 요소
. (여기서, lang='ko'은, 한국어 문서임을 말함)

ㅇ 머리 영역 : 주로, 선언적인 정보 <HEAD> ... </HEAD> ☞ head 요소
- 포함 내용 : 문서 제목, 메타데이터 등이 포함됨
- 주요 요소들 : title 요소, base 요소, link 요소, meta 요소, style 요소 등

ㅇ 본문 영역 : 전달할 실제 정보가 표현되는 내용 <BODY> ... </BODY> ☞ body 요소
- 주요 요소들 : header 요소, nav 요소, section 요소, article 요소,
aside 요소, footer 요소 등

7. HTML 요소의 구성 및 종류

ㅇ HTML 요소의 구성 ☞ HTML 요소 구성 참조
- 요소, 속성, 태그 등

ㅇ HTML 요소의 종류 ☞ HTML 요소 종류 참조
- html 요소, head 요소, meta 요소, form 요소, img 요소 등

▷HTML

1. HTML 2. HTML 용어 3. DHTML