HTML (Hyper Text Markup Language)란?
- 하이퍼 텍스트
- 다른 텍스트에 대한 참조(링크)를 가진 텍스트
- 단위 텍스드들과 이것을 결합하는 링크로 구성되어 있다.
- 사용자가 연상하는 순서에 따라 관련 있는 쪽으로 이동하여 정보 얻도록 조직화된 시스템
- 비연속적 흐름
- 마크업 ( Mark + up 합성어)
- 태그(tag) 라고도 부름
- 추가적인 정보를 부여하기 위해 문서내에 삽입되는 일련의 문자 또는 기호
- 문서의 구성 및 마크업의 분류
-내용 : 의미적 마크업 (제목,주소)
-구조 : 구조적 마크업 (문단,제목글 등)
-스타일 : 양심적 마크업 (모양, 색상 등)
- 마크업 언어
-마크업의 형식과 규칙을 정의한 언어
마크업 언어의 분류
- 절차적 마크업 언어
- 문서의 형식이나 텍스트의 외양을 기술
- 워드프로세서에서 사용
- 특정 마크업 언어 -> 호환성에 문제가 있다.
- 기술적 마크업 언어
- 문서의 논리적인 구조 정보 및 속성을 표현했다.
- SGML,HTML,XML 등이 있다.
- 범용 마크업 언어 -> 응용프로그램 , 시스템에 독립적 이다.
SGML (Standard Generalized Markup Language)
- 시스템에 독립적으로, 전자 텍스트를 표현할 수 있는 국제표준 마크업언어.
- GML(1960년도 후반)의 영향을 받음.
- 문서의 구성요소의 시각적인 표현에 대한 고려가 없음.
- 문서구조 정의와 내용 작성에 집중하였다.
- 매우 강력한 표현력
- 문법과 구성이 너무 복잡하다.
- 언어의 습득과 응용시스템 구현의 어려움
- 특수분야 (군사,우주,항공 등)에 제한적으로 사용된다.
XML (eXtensible Markup Language)
- SGML로부터 필요한 기능만 뽑아서 새롭게 정의한 언어
- XML ( SGML
- 사용자에 의한 임의의 태그 정의가 가능하다.
- 확장성 : 사용목적과 용도에 맞는 문서 작성이 가능하다.
- HTML과 달리 문서의 논리적 구조를 정의하는 언어.
- 문서 내용이 어떤 구조로 조직화되어 있는지에 대한 정보를 태그로 표현
- 문서 내용의 용이한 이해 및 명확한 전달이 가능하다.
HTML(Hyper Text Markup Language)
- 웹페이지를 작성하기 위한 기본적인 언어
- 문서 안의 정보가 어떻게 구조화되었는가를 지정한다.
HTML의 특징
- W3C에 의한 웹 문서의 표준
- 수정/관리 용이, 웹 접근성 향상, 브라우저의 호환성 확보 등
- 마크업 언어
- 파일 용량이 작아 클라이언트 - 서버 간의 빠른 문서 전달 가능
- 일반적인 텍스트 파일로 편집가능
- 별도 전용 프로그램이 아닌 윈도우 메모장으로도 편집 가능
- 컴퓨터 시스템과 운영체제에 독립적이다
- 텍스트문서는 다양한 시스템 및 브라우저에서도 사용가능하기 때문
HTML의 단점
- 웹 문서의 내용(외양)은 CSS에 집중시킴.
- 문서 내용의 의미 정보를 표현하는 데 한계가 있엇음.
- 구조화된 정보의 표현과 검색의 어려움
- 정보의 구조화 및 데이터 간의 연관성 표현의 어려움이 있다.
- 사용 가능한 태그가 정해져 있다.
- 제한적이다. 사용편의성은 있지만 융통성 및 확장성이 결여되어있다.
- 문서의 유효성 검증과 제약조건 정의의 어려움이 있다.
W3C 권고안 추진 단계
- 노트 (Note) :
기술문서로 제안하기 위해 제시된 문서
- 초안 (WD, Working Draft) :
아직 완전하지 않은 WG의 아이디어를 담은 문서
- 후보 권고안 (CR, Candidate Recommendation) :
심사를 거친 작업 최종안
- 제안 권고안 (PR, Proposed Recommendation) :
최종적인 권고안이 도리 수 있는 전 단계
- 권고안 (Recommendation) :
W3C에 참여하는 회원에게 동의를 얻은 표준안.
HTML 서비스의 구성 및 처리과정
- URL 입력
- DNS서버로부터 IP 주소 변환
- 웹서버로 HTML 페이지 요청
- 웹서버 자체 페이지 요청
- 웹서버 자체 페이지 전송
- 사용자(웹브라우저) 에게 HTML 파일 전송
- HTML 태그 분석 및 변환
HTML 문서의 기본 구조
<html> </html>
<!-- 브라우저에게 HTML 문서의 시작과 끝을 알려주기 위한 것 -->
<head> </head>
<!-- 문서의 각종 정보와 문서 자체에 대한 설명 포함 -->
<body> </body>
<!-- 브라우저 화면에 실제로 출력해서 보여주는 모든내용 -->
head 부분에 들어가는 내용
<title> </title>
<!-- 웹브라우저 상단 탭에 HTML문서 제목을 표시 -->
<link> </link>
<!-- 별도 파일로 작성된 css스타일 적용 시 사용 -->
<meta> 태그
<!--
웹문서 문자 인코딩 방식
문서에 대한 간략한 설명 등
-->
<base> 태그
<!--
1] 웹문서 기본적인 URL 경로 지정
<base href = "www.naver.com">
<a href = "index.html">
>> a href = "http://naver.com/index.html" 로 표시됨
2] 웹페이지가 출력될 윈도우 지정
<base target ="_blank">
>> 연결된 문서가 새창에서 뜸
-->
