HTML 개요

HTML

웹 페이지를 작성하기 위한 가장 기본적인 언어

문서 안의 정보가 어떻게 구조화되었는가를 지정하는 언어

 

 

Hypertext

: 문서와 문서가 링크로 연결되어 있다.

 

웹페이지는 어떤 링크를 누르게 되면 다른 문서로 넘어가게 되죠?

  바로 그런 형태의 문서 시스템을 HyperText라 한다.

(HyperText를 고안한 사람 - Tim Berners-Lee)

 

html이라 하는 언어에서 가장 중요한 것은  Hypertext라는 특징이다.

다른 말로는 링크라고 볼 수 있다.

 

링크를 인해서 문서와 문서가 그물망처럼 연결돼서 링크로 연결된

하나의 거대한 정보 덩어리가 된 것이 바로 WEB이라 할 수 있다.

 

그래서 

링크는 HTML의 본질이라 할 수 있고 HTML의 본질은 웹의 본질이라 할 수 있다.

 

 

특징

W3C에 의한 웹문서의 표준으로 지정

 

수정/ 관리가 용이

웹 접근성의 향상

브라우저 등의 호환성의 확보

 

 

마크업 언어 - 파일의 용량이 작아 클라이언트 - 서버 간의 빠른 문서 전달이 가능

일반적인 파일 - 별도의 전용 프로그햄이 없어도 간단한 편집기로도 가능

컴퓨터 시스템과 운영체제에 독립적 - 텍스트 문서 -> 다양한 시스템/브라우저에서도 사용 가능

 

단점

 

웹 문서의 내용(외양)표현에 집중 - 문서 내용의 의미 정보를 표현하는데 한계가 있다.

구조화된 정보의 표현과 검색의 어려움 - 정보의 구조화 및 데이터 간의 연관성 표현이 어렵다.

사용된 태그가 정해져 있음 (제한적인 태그의 사용) - 사용의 편의성은 있으나 융통성 및 확장성이 결여되어 있다.

문서의 유효성 검증과 제약조건 정의의 어려움 - 내용이 구조화 되어있지 않아 정확성/ 유효성 검증이 어렵다.

 

---

Markup(Mark+up) Language

 

: 사람도 알아들을 수도 있고 웹브라우저도 알아들을 수 있는 언어

Markup을 이해하기 위해서는  TAG라는 개념을 알아야 한다.

 

markup을 태그라고도 부른다.

 

문서의 구조 또는 문서의 내용, 문서가 화면 그리고 모니터 상에

어떻게 출력될것인가 하는 등의

어떤 추가적인 정보를 부여하기 위해 

문서 내에 삽입되는 일련의 문자나 기호를 마크업이라고 부른다. 

---

 

문서의 구성 3가지로 구분할  수 있다.

 

1. 내용(content): 문서의 실제 본문 내용

- 문서의 의미를 정의하는데 사용하는 것은 의미적 마크업

<title>, <adress> 

 

2. 구조 : 문서의 구성 정보(structure): 제목, 장, 절 등

- 문서의 논리적인 구조를 정의할 때 사용하는 것이 구조적 마크업

<p>, <hn>, <div>

 

3. 문서의 표현 (스타일) 정보(style): 글꼴, 글자색, 크기 등

- 문서가 어떻게 표현될 것이냐 하는 외향 표현의 방법에서 사용하는 마크업을 양식적 마크업

<b>, <i>, <u>

 

---

마크업 언어

: 마크업의 형식과 규칙을 정의한 언어

 

 

마크업 언어의 분류

 

˙ 절차적(procedural)마크업 언어

:  문서의 형식이나 텍스트의 외양을 기술(워드프로세서 사용)

"특정(specific) 마크업 언어" -> 호환성 문제

 

 

˙ 기술적(descriptive)마크업 언어

: 문서의 논리적인 구조 정보 및 속성을 표현

SGML/HTML/XTL 등"범용(generalized)마크업 언어" -> 응용프로그램/ 시스템에 독립적

 

---

SGML

(Standard Generalized Markup Language): 표준이면서 범용의 성격을 가지고 있는 마크업 언어다.

 

특징

문서의 구성요소의 시각적인 표현에 대한 고려하지 않는다.-> 문서 구조 정의와 내용 작성에 집중

 

가장 큰 특징은 표현력은 매우 강력하다는 것인데 그 때문에 문법과 구성이 너무 복잡하다는 단점이 있다. 그로 인해 언어의 습득과 응용시스템 구현에 어렵고 특수분야(군사, 우주, 항공 등)에 제한적으로 사용되고 있다.

 

---

XML

(eXtensible Markeup Language): 확장가능한 마크업 언어 SGML로부터 필요한 기능만 뽑아서 새롭게 정의한 언어 SGML이 있으면 부분집합으로 이루어진 것이 XML

 

특징

문서를 사용하는 목적과 용도에 맞게 사용자가 임의로 태그를 만들어서 사용할 수 있다는 것이다(확장성)

 

문서의 논리적으로 정의하는데 주로 사용된다.

 

---

 

 기술적 마크업 언어_관계

 

SGML = 메타언어 (언어위에 있는 언어)

--> sgml을 이용해서 다른 언어를 만들 수 있음 

 

부분집합적으로 만들어진 것이 XML

 

SGML을 기반으로 응용되어 만들어진 것이 바로 HTML