본문 바로가기

Fun,Fun,Fun

HTML의 A to Z

HyperText Markup Language(HTML)



확장자가. html . htm
HyperText Markup Language ( 하이퍼 텍스트 마크업 언어 ), 약칭 : HTML ( 에이치 티 엠 엘 )은 웹 문서를 작성하기위한 마크업 언어 이다. 글 속에 묘사 함으로써 다양한 기능을 설명, 설정할 수 있다.
웹의 핵심 역할을하는 기술의 하나로 HTML로 마크업된 문서는 다른 문서에 대한 하이퍼 링크를 설정할 수있는 하이퍼 텍스트이고 이미지 목록 · 도표등의 고급 표현력을 가진다.


W3C는 XML 기반 표준인 XHTML 권고도 하고있다 . 또한 2012년 12월 현재 HTML5 도 개발 중이다.


HTML의 특징은 하이퍼 텍스트를 이용한 상호간 문서 참조 프레임워크 이다. 태그는 일반 텍스트 문서를 요소로 묶어서 의미를 부여 하는 것으로 하고, 문서의 특정 요소에 URI를 이용한 다른 문서에 대한 링크fmf 포함 두면 사용자 에이전트는 그것을 해석하고 지정된 다른 문서를 표시 할 수 있게된다. 또한 마크업을하는 데 인용이나 이미지 포함 문서 제목 지정 등을 정하는 요소를 기재하면 사용자 에이전트가 그들을 해석, 모양에 맞는 표시를 한다. HTML은 이러한 마크업 규칙을 정하고있다.


마크업 규칙은 DTD로 출판 요소에 대해 설명하는 수있는 속성 내용에 포함할 수있는 요소등이 정해져 있다. 



문서 내용의 일부분을 "단락 "또는 "장 제목 "과 "강조하고 싶은 부분"등 문장 중에서의 의미를 부가하는 요소의 대부분은 시작 태그, 의미를 추가하고 싶은 부분 종료 태그의 형태로 구성되어 있다. 시작 태그 닫는 태그는 각각 " < 요소 이름 > ", " < / 요소 명 > " 과 같이 표현된다. 또한 META 요소와 IMG 요소와 BR 요소 처럼 하나의 태그만으로 되는 요소도있다. 이들은 단체로 문서 자체에 대한 메타 정보를 선언하고 이미지나 줄 바꿈등 문자로 표현할 수없는 문서 요소를 설명하기위한 것이다.


요소는 필요에 따라 요소에 추가 특성을 나타내는 특성을 기술한다. 기본적으로 속성과 속성이름은 세트로 지정 한다. 요소및 특성 이름은 대문자와 소문자를 구별하지 않는다. 속성 값은 속성에 대소 문자를 구분하는지 여부를 개별적으로 결정된다. 문맥상 고유하게 식별 할 수있는 경우는 시작 태그와 종료 태그를 생략 할 수있다. 또한 내용을 가지지 않고 시작 태그로만 구성 되는 빈 요소도 존재한다. 또한 일부 특성에 대해 특성 이름의 생략이 가능해지고 있다.



HTML 3.2에서는 외형을 좌우하는 요소와 속성이 추가 되었지만 HTML은 본래 문서 구조를 제공하기 위해서만 그 존재 의의가 있고, 그 요소는 목적에 반하는 것으로 되었다. 따라서 시각적 · 감각적 효과를 정의 하는 방법으로 스타일 시트 ( 일반적으로 그 중 CSS )가 고안 되었다. 외형을 좌우하는 요소와 특성의 일부 는 HTML 4 이후로는 사용되지 않으며, HTML 4.01 Strict 에서는 정의되어 있지 않기 때문에 사용할 수 없다. 그러나 HTML 4.01 Strict 에 정의된 비권장 하지 않은 요소와 특성의 일부에도 외형을 좌우하는 것이있다. 장식적인 시각적 표현을 위해 그 성분이나 특성을 이용하고있다면 그 내용에 적합한 요소를 이용한 에 스타일 시트에서 표현을 지정하는 것이 바람직하다.




HTML 문서
HTML로 작성된 문서를 HTML 문서라 하며 DTD에 의해 정의된 서식에 따라 작성해야 한다. DTD는 문서 형 선언 ( DOCTYPE 선언 )으로 선언된 버전의 것이 선택 된다. 다음 DTD는 HTML 4.01 Strict 문서의 예를 나타낸다.


HTML 에서는 먼저 문서형 선언을 쓴다. 문서 형식 선언이 없는 것은 HTML 표준을 따른다고 할 수 없다. HTML 4.01 Strict 문서 형 선언은 다음과 같은 것이다.


< ! DOCTYPE HTML PUBLIC " - / / W3C / / DTD HTML 4.01 / / EN " " http://www.w3.org/TR/html4/strict.dtd " >



이 때, HTML 4.01 Strict 의 사용 및 그 DTD의 위치가 명시 되어 있다.
다음 HTML 문서의 예를 든다.


< ! DOCTYPE HTML PUBLIC " - / / W3C / / DTD HTML 4.01 / / EN " " http://www.w3.org/TR/html4/strict.dtd " >
<HTML lang="ja">
 <HEAD>
  <META http-equiv="content-type" content="text/html; charset=UTF-8">
  <LINK rev="made" href="mailto:mail@example.com">
  <TITLE lang="en"> HyperText Markup Language - Wikipedia </ TITLE>
 < / HEAD >
 <BODY>
  <DIV>
   <H1 lang="en"> HyperText Markup Language < / H1 >
   <P> HTML 은 <A href="http://ja.wikipedia.org/wiki/SGML"> SGML < / A >
      응용 프로그램중 하나에서 하이퍼 텍스트를 이용하여 월드
      와이드웹에서 정보를 발신 하기 위해 만든
      월드 와이드웹 <STRONG> 핵심 역할 < / STRONG > 을 이루고있다.
      정보를 발신 하는 문서 구조를 정의하는데 사용되며,
      어느 정도 기계가 이해할 수있는 언어로
      사진 포함및 양식 작성,
      하이퍼 텍스트 의 HTML 간의 연계 가 가능하다. < / P >
  < / DIV >
 </ BODY>
< / HTML >


이 HTML 문서는 다음과 같은 구조를 보여주고있다.


문서형 선언
HTML 요소 ( 루트 요소입니다. 또한 언어 코드 ja 언어 가 사용되고 있는지 의 명시 )
HEAD 요소 ( 이 문서의 헤더 정보 명시 )
META 요소 ( 문서의 메타 정보 ,이 경우 HTTP 헤더의 대체 )
LINK 요소 ( 다른 자원과의 관계를 명시 . 이 경우 제작자 명시 )
TITLE 요소 ( 이 문서의 제목 표현, 이 부분은 en 언어가 사용되고 있는지의 명시 )
BODY 요소 ( 이 문서의 내용 명시 )
DIV 요소 ( 블록을 명시 )
H1 요소 ( 첫째 수준 제목 을 명시 이 부분은 ​​en 언어가 사용되고 있는지의 명시 )
P 요소 ( 단락 명시 )
A 요소 ( 다른 리소스에 닻임을 명시 )
STRONG 요소 ( 중점임을 명시 )



태그는 문자열 인용하여 문자열의 의미를 부여 한다. 사용자 에이전트는 그것을 해석하고, 예를 들면 GUI 의 웹 브라우저 경우 STRONG 요소로 둘러싸인 텍스트를 굵게로 표시 하는등 한다. 또한 스타일 시트를 이용하여 외형등을 지정할 수 있도록 되어 있다. 또한 텍스트 편집기에서 줄 바꿈을 해도 웹 브라우저는 BR 요소가 없으면 줄 바꿈 되지 않는다.


HTML 태그
태그는 원래 문자 " < " 로 시작하고 문자 " > "로 끝나는 요소를 설명하는 부호를 나타내는 의미로 사용되는 단어 이지만, HTML 요소를 나타내는 의미로 태그란 말이 사용된다 할수 있다. W3C 권고의 HTML4.01 명세서 에는 " 요소는 태그 가 아니다. "로 이용법을 명확하게 부정하는 문구가 있다.



역사
1989 년 CERN의 팀 버너스는 기존의 HTML ( 및 많은 관련 프로토콜 , HTTP등 ) 메모를 제안하고 1990 년 5월에 코드화 한다. NEXTSTEP의 NeXTcube 워크 스테이션에서 개발 되었다. 당시 HTML은 사양이 아니라 직면하고 있던 문제를 해결하기 위한 '툴'이었다. 직면하고 있던 문제는 버너스와 그 동료들이 어떤 방식으로 정보와 진행중인 연구를 공유 하는가하는 것이다. 그의 성과는 후에 국제적이고 공개 네트워크의 출현으로 결실을 맺어 세계적인 주목을 끌게 되었다.


HTML의 초기 버전은 느슨한 문법 규칙에 의해 정의 되며, 웹 기술에 익숙하지않은 계층에 받아 들여져 도움이 되었다. 웹 브라우저는 웹 페이지의 의도를 추측하고 렌더링을 수행하는 것이 일반적이었다. 곧 공식 규격에서는 엄격한 언어 구문을 만드는 것을 지향 하도록 되어졌지만, 자발적으로 해석하는 브라우저는 지금도 존재한다.


HTML이 공식 사양으로 정의된 것은 1990년대부터 이다. 그것은 전통적인 마크업 언어인 SGML에 인터넷 을위한 하이퍼 텍스트 기능을 도입하는 버너스의 제안에 크게 영향을 받은 것이었다.


1993 년에는 IETF 에서 HTML 규격 버전 1.0이 공개되어 SGML에서의 확장으로 문법정의의 DTD 를 갖게 되었다. 또한 1994년에 IETF의 HTML 워킹 그룹이 발족했다. 그러나 2.0 이상 IETF의 원래의 개발은 다른 개발 경쟁에서 정체 했다. 1996년부터 W3C에 의해 상용 소프트웨어 벤더의 지원도 받고 HTML의 사양이 표준화 되었다. 또한 2000년부터는 국제 표준이 되었다 ( ISO / IEC 15445:2000 ). W3C 에서 공개 된 최신 HTML 사양은 HTML 4.01이다.



HTML 1.0
1993년 6월, IETF의 IIIR Working 그룹보다 제출된 인터넷 초안을 일반적으로 HTML 1.0라고 부른다. 이 초안은 버너스와 다니엘 코놀리 팀이 낸 HTML Design Constraints에 최대한 따르도록 썼다.

HTML +

HTML 2.0
1995년 11월, IETF의 HTML 워킹 그룹에 의해 RFC 1866 으로 사양이 발표 되었다. HTML 2.0은 RFC 2854에 의해 파괴 되었다.

HTML 2.x
1997 년 1 월, RFC 2070 로 발표 되었다. " HTML i18n " 라고도 하지만 지금은 RFC 2854 에 의해 파괴 되었다.

HTML 3.0
책정 작업이 이루어졌지만 초안 단계에서 개발 도중에 파기 되었다.

HTML 3.2
1997년 1월 14일에 W3C 권고안으로 사양이 발표 되었다.


HTML 4.0 , HTML 4.01
1997년 12월 18일에 W3C 권고안으로 HTML 4.0의 사양이 발표 되었다. HTML 4.0은 1998년 4월 24 일에 사양이 개정 ( ​​revised )되었다. 이 사양에 약간 사소한 수정이 가해졌다 HTML 4.01은 1999년 12 월 24일에 W3C 권고안이 되었다. Strict DTD 외에 HTML 3.2 에서 마이그레이션 과도기를위한 Transitional DTD와 프레임을 사용할 수있는 Frameset DTD의 세 가지 체계를 가진다.
이 후 HTML 4.01을 기반 으로 XHTML 1.0이 책정 된다.


ISO / IEC 15445:2000
ISO / IEC JTC 1의 규격. HTML 4.01을 참고하여 더 엄격하게 규격화 되었다. 이것은 2000년에 번역된 JIS X 4156:2000는 JIS 규격 되었다.


ISO / IEC 15445:2000 는 2003년에 개정판 ( Corrected version )이 발행 되었다 ( 그러나 개정 후에도 명칭은 ISO / IEC 15445:2000 상태 ) . JIS X 4156도 2005년에 개정되어 JIS X 4156:2005이다.


HTML5
블로그와 기사를위한 " article " 요소 및 멀티미디어 를위한 " audio "및 " video " 요소등을 비롯한 새로운 요소 · 속성이 추가 · 변경 · 삭제된다. 2014 년경에 정식으로 권고될 예정이다.