Page semi-protected

HTML

HTML
HTML
(하이퍼텍스트 마크업 언어)
HTML5 logo and wordmark.svg
최신 버전의 공식 로고 HTML5[1]
파일 이름 확장자
  • .html
  • .htm
인터넷 미디어 유형
텍스트/메시지
유형코드본문
Uniform Type Identifier(UTI; 균일 유형 식별자)public.displaces를 설정합니다.
개발자와트
초기 릴리즈1993년; 29년 전(1993년)
최신 릴리즈
포맷의 종류문서 파일 형식
컨테이너:HTML 요소
포함자웹 브라우저
확장원SGML
확장처XHTML
오픈 포맷?네.
웹 사이트html.spec을 참조해 주세요.whatwg.org

HyperText Markup Language 또는 HTML은 웹 브라우저에 표시되도록 설계된 문서의 표준 마크업 언어입니다.CSS(Cascading Style Sheet)나 JavaScript 스크립트 언어 등의 테크놀로지에 의해 지원받을 수 있습니다.

브라우저는 웹 서버 또는 로컬 스토리지에서 HTML 문서를 수신하여 멀티미디어 웹 페이지로 렌더링합니다.HTML은 웹 페이지의 구조를 의미론적으로 설명하고 원래 문서의 모양에 대한 단서를 포함합니다.

HTML 요소는 HTML 페이지의 구성 블록입니다.HTML 구성에서는 이미지 및 인터랙티브 양식과 같은 다른 오브젝트를 렌더링된 페이지에 포함할 수 있습니다.HTML은 제목, 단락, 목록, 링크, 따옴표 및 기타 항목과 같은 텍스트에 대한 구조적 의미론을 표시하여 구조화된 문서를 작성하는 수단을 제공합니다.HTML 요소는 꺾쇠 괄호를 사용하여 작성된 태그로 표시됩니다.다음과 같은 태그<img />그리고.<input />페이지에 직접 내용을 소개합니다.기타 태그:<p>에 둘러서 문서 텍스트에 대한 정보를 제공하고 하위 태그로 다른 태그를 포함할 수 있습니다.브라우저는 HTML 태그를 표시하지 않고 페이지 내용을 해석하는 데 사용합니다.

HTML은 JavaScript와 같은 스크립트 언어로 작성된 프로그램을 포함시킬 수 있으며 웹 페이지의 동작과 내용에 영향을 미칩니다.CSS를 포함하면 콘텐츠의 모양과 레이아웃이 정의됩니다.World Wide Web Consortium(W3C)은 1997년부터 [2]명시적인 프레젠테이션 HTML보다 CSS 사용을 권장하고 있습니다.HTML5로 알려진 HTML의 형태는 비디오와 오디오를 표시하기 위해 사용됩니다. 주로 다음과 같습니다.<canvas>요소를 javascript와 함께 사용합니다.

역사

발전

Photograph of Tim Berners-Lee in April 2009
2009년 4월 Tim Berners-Lee

1980년 CERN의 계약자물리학자 Tim Berners-Lee는 CERN 연구자들이 문서를 사용하고 공유할 수 있는 시스템인 INQUIRE를 제안하고 프로토타입으로 만들었습니다.1989년 버너스 리는 인터넷 기반하이퍼텍스트 [3]시스템을 제안하는 메모를 작성했다.Berners-Lee는 1990년 말에 HTML을 지정하고 브라우저와 서버 소프트웨어를 작성했다.그 해에 Berners-Lee와 CERN 데이터 시스템 엔지니어 Robert Cailliau는 공동 자금 요청으로 협력했지만, 이 프로젝트는 CERN에 의해 공식적으로 채택되지 않았습니다.1990년[5] 그의 개인적인[4] 메모에서 그는 "하이퍼텍스트가 사용되는 많은 분야 중 일부"를 열거하고 백과사전을 최우선시했다.

HTML에 대한 첫 번째 공개 설명은 "라는 문서였습니다.HTML 태그'는 1991년 [6][7]말 Tim Berners-Lee에 의해 인터넷에서 처음 언급되었다.하이퍼링크 태그를 제외하고 CERN의 SGML(Standard Generalized Markup Language) 기반 문서 형식인 SGMLguid의 영향을 크게 받은 HTML의 초기 설계로 구성된 18개 요소를 설명합니다.이러한 요소 중 11개는 HTML [8]4에 여전히 존재합니다.

HTML은 웹 브라우저가 텍스트, 이미지 및 기타 자료를 해석하고 시각적 또는 청각적 웹 페이지로 구성하기 위해 사용하는 마크업 언어입니다.HTML 마크업의 모든 항목에 대한 기본 특성은 브라우저에서 정의되며, 이러한 특성은 웹 페이지 디자이너가 CSS를 추가함으로써 변경 또는 강화될 수 있습니다.텍스트 요소의 대부분은 1988년 ISO 기술 보고서 TR 9537 SGML을 사용하기 위한 기술에서 찾을 수 있습니다.이 기술 보고서에서는 1960년대 초에 개발된CTSS(Compatible Time-Sharing System) 운영체제용 ROUNCL 명령어가 사용한 것과 같은 초기 텍스트 서식 언어의 기능에 대해 설명합니다.문서 형식을 수동으로 지정하는 데 사용되는 명령어.그러나 SGML의 범용 마크업 개념은 인쇄 효과뿐만 아니라 요소(속성 포함 주석 범위 포함)에 기초하고 구조와 마크업을 분리한다.HTML은 CSS와 함께 점차적으로 이 방향으로 이동해 왔다.

Berners-Lee는 HTML을 SGML의 응용 프로그램이라고 생각했다. 이것은 공식적으로 인터넷 기술 특별 조사위원회(IETF)에 의해 정의되었으며, 1993년 중반에 HTML 규격에 대한 첫 번째 제안서, Berners-Lee Danno의 "Hypertext Markup Language (HTML)" 인터넷 초안을 발표하였고, 여기에는 Berners-Lee Dano가 포함시켰다.문법을 [9][10]정의합니다.초안은 6개월 후에 만료되었지만 성공적인 프로토타입을 기반으로 하는 IETF의 철학을 반영하여 인라인 이미지를 삽입하기 위한 NCSA Maic 브라우저의 커스텀 태그를 인정한 것이 눈에 띄었다.마찬가지로, 1993년 후반부터 Dave Raggett의 경쟁 인터넷 초안인 "HTML+ (Hypertext Markup Format)"는 테이블과 기입 [11]양식과 같은 이미 구현된 기능을 표준화할 것을 제안했다.

1994년 초 HTML과 HTML+ 초안이 만료된 후, IETF는 HTML 작업 그룹을 만들었고, 1995년에 완성되었습니다.HTML 2.0"은 향후 [12]구현의 기준이 되는 표준으로 취급되는 최초의 HTML 사양입니다.

IETF의 후원으로 진행되는 추가 개발은 경쟁 이해관계에 의해 중단되었다.1996년 이후, HTML 사양은 W3C([13]World Wide Web Consortium)에 의해 상용 소프트웨어 벤더의 의견을 받아 유지되고 있습니다.그러나 2000년에는 HTML도 국제 표준이 되었습니다(ISO/IEC 15445:2000).HTML 4.01은 1999년 말에 발행되었으며, 에러타는 2001년까지 추가로 발행되었습니다.2004년 Web Hypertext Application Technology Working Group(WHATWG)의 HTML5 개발이 시작되어 2008년 W3C와 공동 성과물이 되었으며 [14]2014년 10월 28일에 완료 및 표준화되었습니다.

HTML 버전 타임라인

HTML 2

1995년 11월 24일
HTML 2.0은 다음과 같이 공개되었습니다. RFC 1866.추가 RFC 기능:

HTML 3

1997년 1월 14일
HTML 3.2는[15] W3C 권장사항으로 발행되었습니다.IETF가 1996년 [16]9월 12일 HTML 작업 그룹을 폐쇄했기 때문에 W3C가 독점적으로 개발하고 표준화한 첫 번째 버전이었다.
처음에 코드명 "윌버"[17]로 명명된 HTML 3.2는 수학 공식들을 완전히 삭제하였고, 다양한 독점 확장자 간의 중복을 조정하였고 넷스케이프의 시각적 마크업 태그 대부분을 채택하였다.넷스케이프의 깜박임 요소와 마이크로소프트마키 요소는 두 [13]회사의 상호 합의로 인해 누락되었습니다.HTML과 유사한 수식에 대한 마크업은 MathML에서 14개월 후에야 표준화되었습니다.

HTML 4

1997년 12월 18일
HTML 4.0은[18] W3C 권장사항으로 발행되었습니다.다음 3가지 종류가 있습니다.
  • 폐지된 요소가 금지되는 엄격함
  • Transitional(추천된 요소가 허용됨)
  • 프레임셋: 대부분 프레임 관련 요소만 허용됩니다.
처음에 코드명 "Cougar"[17]로 명명된 HTML 4.0은 많은 브라우저별 요소 유형과 속성을 채택했지만 동시에 스타일시트를 선호하지 않는 으로 표시함으로써 넷스케이프의 시각적 마크업 기능을 단계적으로 제거하려고 했다.HTML 4는 ISO 8879 – SGML에 [19]준거한SGML 어플리케이션입니다.
1998년 4월 24일
HTML 4.0은[20] 버전 번호를 늘리지 않고 사소한 편집으로 재발행되었습니다.
1999년 12월 24일
HTML 4.01은[21] W3C 권장사항으로 발행되었습니다.HTML 4.0과 동일한 3가지 버전을 제공하며 마지막 에러타는 2001년 5월 12일에 공개되었습니다.
2000년 5월
ISO/IEC 15445:2000[22][23] ("ISO HTML, HTML 4.01 Strict에 근거한다")은 ISO/IEC 국제 표준으로 발행되었습니다.ISO에서 이 표준은 ISO/IEC JTC1/SC34(ISO/IEC 공동 기술 위원회 1, 소위원회 34 – 문서 설명 및 처리 언어)[22]의 영역에 속한다.
HTML 4.01 이후 2000년대 초중반까지 병렬 XML 기반의 언어인 XHTML이 W3C의 HTML Working Group을 차지했기 때문에 HTML의 새로운 버전은 오랫동안 존재하지 않았다.

HTML 5

2014년 10월 28일
HTML5는[24] W3C 권장사항으로 [25]발행되었습니다.
2016년 11월 1일
HTML 5.1은[26] W3C [27][28]권장사항으로 발행되었습니다.
2017년 12월 14일
HTML 5.2는[29] W3C [30][31]권장사항으로 발행되었습니다.

HTML 초안 버전 타임라인

1991년 10월
18개의 HTML 태그를 나열하는 비공식 CERN 문서인 HTML [6]태그가 처음 공개되었습니다.
1992년 6월
HTML DTD의 [32]첫 번째 비공식 초안 및 이후[33][34][35] 7개의 개정판(7월 15일, 8월 6일, 8월 18일, 11월 17일, 11월 19일, 11월 20일, 11월 22일)
1992년 11월
HTML DTD 1.1(RCS 리비전에 따라 버전 번호가 1.0이 아닌 1.1로 시작하는 첫 번째)은 비공식[35] 초안입니다.
1993년 6월
하이퍼텍스트 마크업[36] 언어는 IETF IIIR 작업 그룹에 의해 인터넷 초안(표준에 대한 대략적인 제안)으로 발행되었습니다.그것은 한 달 후에 두 번째[37] 버전으로 대체되었다.
1993년 11월
HTML+는 IETF에 의해 인터넷 초안으로 발행되었으며 하이퍼텍스트 마크업 언어 초안에 대한 경쟁 제안이었다.그것은 [38]1994년 7월에 만료되었다.
1994년 11월
IETF 자체에서[39] 발행된 HTML 2.0의 초안(리비전[40] 00)으로,[41] 1995년 11월에 RFC 1866이 마침내 출판되었습니다.
1995년 4월(1995년 3월 발행)
HTML 3.0은[42] IETF에 표준으로 제안되었지만, 그 제안은 5개월 후(1995년 [43]9월 28일) 추가 조치 없이 만료되었습니다.여기에는 테이블 지원, 숫자 주위의 텍스트 흐름, 복잡한 수학 공식 [43]표시 등 Raggett의 HTML+ 제안서에 포함된 많은 기능이 포함되어 있습니다.
W3C는 HTML 3와 캐스케이드 스타일시트의 [44][45][46]테스트베드로 자체 아레나 브라우저 개발을 시작했지만 HTML 3.0은 여러 가지 이유로 성공하지 못했다.초안은 150페이지로 매우 큰 것으로 간주되었으며 브라우저 개발 속도와 이해관계자 수가 IETF의 자원을 [13]앞질렀다.당시 Microsoft와 Netscape를 포함한 브라우저 벤더는 HTML 3의 드래프트 기능의 다른 서브셋을 실장하는 것과 동시에, [13]독자적인 확장을 도입하는 것을 선택했습니다(브라우저 전쟁 참조).확장들은,"믿음[학구적인 공학 공동체의]에 반대되는 문서의 스타일적인 측면을 관리하는 것 포함할 텍스트 색, 배경 질감, 글꼴 크기와 글꼴 등을 측정할 때 그들의 유일한 의도가 어떻게 문서를 조직할 것을 지정한 언어였다의 범위 확실히 밖에 있어."[13]데이브 Raggett,님은 수년 동안 W3C 펠로우로 활동해 왔습니다.예를 들어, 「Microsoft는, [13]HTML 기능을 확장해 Web상에서 비즈니스를 구축했습니다」라고 코멘트하고 있습니다.
Official HTML5 logo
HTML5 로고
2008년 1월
HTML5는 W3C에 [47]의해 작업 초안으로서 발행되었습니다.
구문은 SGML의 구문과 매우 유사하지만 HTML5는 SGML 어플리케이션이 되려는 시도를 포기하고 대체 XML 기반의 XHTML5 [48]시리얼라이제이션과 더불어 자체 "html" 시리얼라이제이션도 명시적으로 정의했습니다.
2011년 HTML5 – 라스트 콜
2011년 2월 14일, W3C는 HTML5에 관한 명확한 이정표와 함께 HTML Working Group의 헌장을 연장했습니다.2011년 5월, 작업 그룹은 사양의 기술적 건전성을 확인하기 위해 W3C 내외의 커뮤니티에의 초대인 "Last Call"로 HTML5를 확장했습니다.W3C는 2014년까지 전체 사양에 대한 광범위한 상호 운용성을 달성하기 위해 포괄적인 테스트 스위트를 개발했습니다. 이 테스트 스위트는 [49]권장 날짜입니다.2011년 1월, WHATWG는 「HTML5」의 생활 기준을 「HTML」로 변경했습니다만, W3C는 HTML5의 [50]발매를 계속하고 있습니다.
2012년 HTML5 –후보 추천
2012년 7월 WHATWG와 W3C는 분리 정도를 결정했다.W3C는 WHATWG에 의해 "스냅샷"으로 간주되는 단일 정의 표준에 초점을 맞추어 HTML5 사양 작업을 계속합니다.WHATWG 조직은 HTML5를 "생활 표준"으로 사용하여 작업을 계속할 것입니다.생활수준의 개념은 그것이 결코 완전하지 않고 항상 갱신되고 개선된다는 것이다.새로운 기능을 추가할 수 있지만 기능은 [51]제거되지 않습니다.
2012년 12월, W3C는 HTML5를 후보 [52]추천으로 지정했습니다.W3C 권장사항으로 발전하기 위한 기준은 "2개의 100% 완전하고 완전한 상호운용성 구현"[53]입니다.
2014년 HTML5 – 권장사항 및 권장사항
2014년 9월, W3C는 HTML5를 Proposed [54]Recommendation으로 변경했습니다.
2014년 10월 28일 HTML5는 안정적인 W3C Recommendation으로 [55]출시되었으며, 이는 사양 프로세스가 [56]완료되었음을 의미합니다.

XHTML 버전

XHTML은 XML 1.0을 사용한HTML 4.01의 재구성으로 시작된 별개의 언어입니다.그것은 더 이상 별도의 표준으로 개발되지 않는다.

  • XHTML 1.0은 2000년 [57]1월 26일에 W3C 권장사항으로 발행되었으며, 이후 2002년 8월 1일에 개정되어 재발행되었습니다.XML로 재구성된 HTML 4.0 및 4.01과 동일한 3가지 버전을 제공하지만 약간의 제약이 있습니다.
  • XHTML 1.1은[58] 2001년 5월 31일에 W3C 권장사항으로 발행되었습니다.XHTML 1.0 Strict를 기반으로 하지만 사소한 변경도 포함되어 커스터마이즈할 수 있으며 2001년 [59]4월 10일에 발표된 W3C 권고 "Modularization of XHTML"의 모듈을 사용하여 재구성됩니다.
  • XHTML 2.0은 작업 중인 초안이었지만 2009년에 HTML5 및 XHTML5[60][61][62]대한 작업을 위해 작업이 중단되었습니다. 따라서 XHTML 2.0은 XHTML 1.x와 호환되지 않으므로 XHTML에서 영감을 받은 새로운 언어로 업데이트되는 것보다 더 정확하게 특징지어질 것입니다.
  • XHTML 5.1로 알려진 XHTML 구문이 HTML5 [63]초안에서 HTML5와 함께 정의되고 있습니다.

HTML 출판물의 WHATWG로의 이행

2019년 5월 28일, W3C는 WHATWG가 HTML과 DOM [64][65][66][67]표준의 유일한 퍼블리셔가 될 것이라고 발표했다.W3C와 WHATWG는 2012년부터 경쟁 표준을 발표하고 있습니다.W3C 표준은 2007년 WHATWG와 동일하지만 이후 설계상의 [68]결정이 다르기 때문에 규격이 점차 달라지고 있습니다.WHATWG "Living Standard"는 한동안 [69]사실상의 웹 표준이었습니다.

마크업

HTML 마크업은 태그(및 그 속성), 문자 기반 데이터 유형, 문자 참조 엔티티 참조를 포함한 몇 가지 주요 컴포넌트로 구성됩니다.HTML 태그는 일반적으로 다음과 같은 쌍으로 제공됩니다.<h1>그리고.</h1>단, 일부 요소는 빈 요소를 나타내므로 페어링되어 있지 않습니다.<img>이러한 쌍의 첫 번째 태그는 시작 태그이고 두 번째 태그는 태그입니다(태그 열기닫기 태그라고도 합니다).

다른 중요한 구성 요소는 표준 모드 렌더링을 트리거하는 HTML 문서 유형 선언입니다.

다음은 고전적인 "Hello, World!" 프로그램의 예입니다.

<!DOArmorPE html> <html> <제목> <title>이것은 제목</title></head><body><div><p>Hello world!</p> </div> </body> </body> </body>

사이의 텍스트<html>그리고.</html>에 웹 페이지와 그 사이의 텍스트를 나타냅니다.<body>그리고.</body>는 표시되는 페이지 내용입니다.마크업 텍스트<title>This is a title</title>브라우저 과 창 제목에 표시되는 브라우저 페이지 제목과 태그를 정의합니다.<div>는, 스타일링을 용이하게 하기 위해서 사용하는 페이지의 분할을 정의합니다.사이에<head>그리고.</head>,a<meta>요소를 사용하여 웹 페이지 메타데이터를 정의할 수 있습니다.

문서 유형 선언<!DOCTYPE html>선언이 포함되지 않으면 다양한 브라우저가 [70]렌더링을 위해 "quirks 모드"로 돌아갑니다.

요소들

HTML 요소 콘텐츠 카테고리

HTML 문서는 중첩된 HTML 요소의 구조를 의미합니다.이 문서에서는 다음과 같이 각 괄호로 둘러싸인HTML 태그로 나타내고 있습니다.<p>를 클릭합니다.[71][better source needed]

단순하고 일반적인 경우 요소의 범위는 태그 쌍으로 나타납니다. "시작 태그"<p>및 "끝 태그"</p>요소의 텍스트 내용이 있는 경우 이러한 태그 사이에 배치됩니다.

태그는 태그와 텍스트의 혼합을 포함하여 시작과 끝 사이에 추가 태그 마크업을 포함할 수도 있습니다.이는 상위 요소의 자식으로서 추가(내포된) 요소를 나타냅니다.

시작 태그는 태그 내에 요소의 속성을 포함할 수도 있습니다.문서 내의 섹션 식별자, 문서 프레젠테이션에 스타일 정보를 바인딩하는 데 사용되는 식별자 및 다음과 같은 일부 태그에 대한 기타 정보를 나타냅니다.<img>이미지 삽입에 사용되는 다음과 같은 형식의 이미지 리소스에 대한 참조:<img src="example.com/example.jpg">

바꿈과 같은 일부 요소 <br />, 또는<br />텍스트 또는 추가 태그 중 어느 것도 삽입된 콘텐츠를 허용하지 않습니다.이러한 태그에는 1개의 빈 태그(시작 태그에 대한 확인)만 필요하며 끝 태그를 사용하지 않습니다.

많은 태그, 특히 가장 일반적으로 사용되는 단락 요소의 클로징 엔드 태그<p>, 는 옵션입니다.HTML 브라우저 또는 다른 에이전트는 컨텍스트 및 HTML 표준에 의해 정의된 구조 규칙에서 요소의 종료를 추론할 수 있습니다.이러한 규칙은 복잡하고 대부분의 HTML 코더에 의해 널리 이해되지 않습니다.

따라서 HTML 요소의 일반적인 형식은 다음과 같습니다.<tag attribute1="value1" attribute2="value2">''content''</tag>일부 HTML 요소는 빈 요소로 정의되어 있습니다.<tag attribute1="value1" attribute2="value2">빈 요소는 콘텐츠를 포함할 수 없습니다.예를 들어,<br />태그 또는 인라인<img>태그. HTML 요소의 이름은 태그에 사용되는 이름입니다.끝 태그 이름 앞에는 슬래시 문자가 있습니다./또한 빈 요소에서는 엔드 태그가 필요하지도 않고 허용되지도 않습니다.Atribute가 기재되어 있지 않은 경우, 각 케이스에서 디폴트값이 사용됩니다.

요소의 예

HTML 문서의 머리글:<head>...</head>제목은 머리글에 포함되어 있습니다.다음은 예를 제시하겠습니다.

<헤드> <클릭>제목 </title> <link rel=" stylesheet" href=" stylebyjimbowales.css" /> <!-- 스타일시트 Import --> </head>
표제

HTML 표제는<h1>로.<h6>H1이 최상위(또는 가장 중요) 수준이고 H6이 최소인 태그:

<h1> 헤딩 레벨 1 </h1> </h2> 헤딩 레벨 2 </h3> <h4> 헤딩 레벨 4 </h5> 헤딩 레벨 5 </h5> </h6> 헤딩 레벨 6 </h6>

효과는 다음과 같습니다.

표제 레벨 1
표제 레벨 2
표제 레벨 3
표제 레벨 4
표제 레벨 5
표제 레벨 6

CSS는 렌더링을 대폭 변경할 수 있습니다.

패러그래프:

<p> 패러그래프 1 </p> <p> 패러그래프 2 </p>

줄 바꿈:

<br />.의 차이점<br />그리고.<p>그것이다<br /> 는 페이지의 의미 구조를 변경하지 않고 행을 끊습니다.<p>페이지를 단락으로 나눕니다.요소<br />는 Atribute를 가질 수 있지만 콘텐츠를 수신할 수 없고 End 태그도 없는 빈 요소입니다.

<p> 이 <br />는 <br /> 행의 구분이 있는 단락입니다.< / p >

이것은 HTML의 링크입니다.링크를 작성하려면<a>태그가 사용됩니다.hrefattribute에는 링크의 URL 주소가 저장됩니다.

<a href="https://www.wikipedia.org/"> 위키피디아 링크!</a>

입력:

사용자는 다음과 같은 다양한 방법으로 입력을 할 수 있습니다.

< >입력 유형="텍스트" /> <!--텍스트 입력용 --> < >입력 유형="파일 /> <!--파일 업로드용 --> < >입력 유형="실패" /> <!-- 이것은 체크 박스의 경우 --> 

코멘트:

<!--이것은 코멘트입니다--> 

코멘트는 마크업을 이해하는 데 도움이 되며 웹 페이지에는 표시되지 않습니다.

HTML에서 사용되는 마크업 요소에는 몇 가지 유형이 있습니다.

구조 마크업은 텍스트의 목적을 나타냅니다.
예를들면,<h2>Golf</h2>"골프"를 2단계 헤딩으로 설정합니다.구조 마크업은 특정 렌더링을 나타내는 것은 아니지만 대부분의 웹 브라우저에는 요소 포맷에 대한 기본 스타일이 있습니다.컨텐츠는 캐스케이드 스타일 시트(CSS)[72]사용해 한층 더 스타일링 할 수 있습니다.
프레젠테이션 마크업은 목적에 관계없이 텍스트의 외관을 나타냅니다.
예를들면,<b>bold text</b>는 비주얼 출력 디바이스가 굵은 글씨로 「굵은 글씨」를 렌더링 하는 것을 나타내고 있습니다만, 이것을 실행할 수 없는 디바이스(텍스트를 읽어내는 음성 디바이스 등)의 동작에 대해서는 거의 알 수 없습니다.양쪽의 경우<b>bold text</b>그리고.<i>italic text</i>, 등가의 비주얼 렌더링을 가질 수 있지만, 보다 의미 있는 요소가 있습니다.예를 들어, 다음과 같습니다.<strong>strong text</strong>그리고.<em>emphasized text</em>각각 다음과 같다.음성 사용자 에이전트가 후자의 두 가지 요소를 해석하는 방법을 보다 쉽게 확인할 수 있습니다.그러나, 그들은 발표되는 상대와 동등하지 않다: 예를 들어, 책 이름을 강조하는 것은 독자들에게 바람직하지 않지만, 화면에서는 그러한 이름이 이탤릭체로 쓰여질 것이다.대부분의 프레젠테이션 마크업 요소는 스타일링에 CSS를 사용하는 것을 선호하기 위해 HTML 4.0 사양에서는 사용되지 않게 되었습니다.
하이퍼텍스트 마크업은 문서의 일부를 다른 문서에 대한 링크로 만듭니다.
앵커 요소는 문서와 문서에 하이퍼링크를 작성합니다.hrefAttribute는 링크의 대상 URL을 설정합니다.예를 들어 HTML 마크업<a href="https://www.google.com/">Wikipedia</a>는 "Wikipedia"라는 단어를 하이퍼링크로 렌더링합니다.이미지를 하이퍼링크로 렌더링하려면img요소가 콘텐츠로 삽입됩니다.a요소.맘에 들다br,img는 Atribute를 가진 빈 요소이지만 내용 또는 닫힘 태그는 없습니다. <a href="https://example.org"><img src="image.gif" alt="descriptive text" width="50" height="50" border="0"></a>.

특성

요소의 Atribute의 대부분은 이름과 값의 쌍으로 구분됩니다.=요소의 이름 뒤에 요소의 시작 태그에 기록됩니다.값은 작은따옴표 또는 큰따옴표로 묶을 수 있지만 특정 문자로 구성된 값은 따옴표로 묶지 않고 HTML(XHTML은 [73][74]제외)로 묶을 수 있습니다.속성 값을 따옴표로 묶지 않으면 안전하지 [75]않은 것으로 간주됩니다.이름/값 쌍 속성과는 달리 요소의 [6]시작 태그에 존재하는 것만으로 요소에 영향을 주는 속성이 있습니다.예를 들어 다음과 같습니다.ismap의 어트리뷰트img요소.[76]

많은 요소에서 나타나는 몇 가지 일반적인 속성이 있습니다.

  • idattribute는 요소에 대한 문서 전체의 고유 식별자를 제공합니다.스타일시트가 프레젠테이션 속성을 변경할 수 있도록 요소를 식별하기 위해 사용되며 스크립트는 내용 또는 프레젠테이션을 변경, 애니메이션 또는 삭제할 수 있습니다.페이지의 URL에 추가되어 요소의 글로벌 고유 식별자(일반적으로 페이지의 하위 섹션)를 제공합니다.예를 들어, ID "Attributes"는https://en.wikipedia.org/wiki/HTML#Attributes.
  • classattribute는 유사한 요소를 분류하는 방법을 제공합니다.이것은 의미론이나 프레젠테이션 목적으로 사용할 수 있습니다.예를 들어 HTML 문서는 의미론적으로 이 지정을 사용할 수 있습니다.<class="notation">이 클래스 값을 가진 모든 요소가 문서의 기본 텍스트에 종속됨을 나타냅니다.프리젠테이션에서 이러한 요소는 HTML 소스에서 발생하는 위치에 나타나지 않고 함께 모여 페이지에 각주로 표시될 수 있습니다.클래스 속성은 마이크로포맷에서 의미론적으로 사용됩니다.예를 들어 여러 클래스 값을 지정할 수 있습니다.<class="notation important">요소를 양쪽에 배치하다notation및 그important반.
  • 작성자는 다음을 사용할 수 있습니다.styleattribute: 특정 요소에 프레젠테이션 속성을 지정합니다.원소의 사용법을 사용하는 것이 더 나은 관행으로 간주됩니다.id또는class단순하고 특정하거나 임시 스타일링에 너무 번거로울 수 있지만 스타일시트 내에서 요소를 선택하는 속성.
  • titleAttribute는 서브텍스트 설명을 요소에 첨부하기 위해 사용됩니다.대부분의 브라우저에서는 이 속성이 툴팁으로 표시됩니다.
  • langattribute는 요소의 내용의 자연 언어를 나타냅니다.이것은 문서의 나머지 부분과 다를 수 있습니다.예를 들어 영어 문서의 경우:
    <p> 음, <span lang="fr"> c'la vie </span> 라고 하는 프랑스에서는 통칭되고 있습니다.</p>

줄임말 요소,abbr는, 다음의 몇개의 어트리뷰트를 나타내는데 사용할 수 있습니다.

<abbr id="anId" class="class" style="color:clor;" title="하이퍼텍스트 마크업 언어">HTML </abbr>

이 예는 대부분의 브라우저에서 커서를 약자로 가리키면 제목 텍스트 "Hypertext Markup Language"가 표시됩니다."

대부분의 요소는 언어 관련 속성을 사용합니다.dir예를 들어 아랍어, 페르시아어 또는 [77]히브리어의 오른쪽에서 왼쪽 텍스트에 "rtl"을 사용하여 텍스트 방향을 지정합니다.

캐릭터 및 엔티티 참조

버전 4.0에서 HTML은 252개의 문자 엔티티 레퍼런스 세트와 1,114,050개의 숫자 레퍼런스 세트를 정의하며, 둘 다 문자 그대로가 아닌 단순한 마크업을 통해 개별 문자를 쓸 수 있습니다.리터럴 문자와 그 마크업 상대는 동등하다고 간주되어 동일하게 렌더링된다.

이러한 방법으로 문자를 "스케이프"할 수 있기 때문에 캐릭터는<그리고.&(로 기재되어 있는 경우)&lt;그리고.&amp;마크업이 아닌 문자 데이터로 해석됩니다.예를 들어 리터럴은<보통 태그의 시작을 나타냅니다.&보통 문자 엔티티 참조 또는 숫자 문자 참조의 시작을 나타냅니다.로 씁니다.&amp;또는&#x26;또는&#38;허용한다&요소의 내용 또는 속성 값에 포함됩니다.큰따옴표(")를 애트리뷰트 값의 따옴표에 사용하지 않을 경우, 다음과 같이 이스케이프해야 합니다.&quot;또는&#x22;또는&#34;Atribute 값 자체 내에 표시됩니다.마찬가지로 단일 따옴표 문자(')를 애트리뷰트 값의 따옴표에 사용하지 않을 경우, 다음과 같이 이스케이프해야 합니다.&#x27;또는&#39;(또는 로서)&apos;HTML5 또는 XHTML 문서[78][79])에 표시됩니다.문서 작성자가 이러한 문자를 회피할 필요성을 간과할 경우 일부 브라우저는 매우 관대하고 컨텍스트를 사용하여 의도를 추측하려고 합니다.결과는 여전히 잘못된 마크업으로, 다른 브라우저 및 검색색인화를 위해 문서를 구문 분석하려는 다른 사용자 에이전트가 문서에 액세스할 수 없게 만듭니다.

이스케이프를 사용하면 쉽게 입력되지 않거나 문서의 문자 인코딩에서 사용할 수 없는 문자를 요소 및 속성 내용 내에 표시할 수 있습니다.예를 들어, 급성 악센트가 있는e(é일반적으로 서유럽 및 남미 키보드에서만 볼 수 있는 문자는 엔티티 참조로 임의의 HTML 문서에 쓸 수 있습니다.&eacute;또는 수치상의 참조로서&#xE9;또는&#233;모든 키보드에서 사용 가능하며 모든 문자 인코딩에서 지원되는 문자를 사용합니다.UTF-8과 같은 유니코드 문자 인코딩은 모든 최신 브라우저와 호환되며 전 세계 문자 시스템의 [80]거의 모든 문자에 직접 액세스할 수 있습니다.

HTML 이스케이프 시퀀스의 예시
이름 지어진 십진수 16진수 결과 묘사 메모들
&amp; &#38; &#x26; & 앰퍼샌드
&lt; &#60; &#x3C; < 보다 적은
&gt; &#62; &#x3e; > 다음보다 크다
&quot; &#34; &#x22; " 큰따옴표
&apos; &#39; &#x27; ' 작은따옴표
&nbsp; &#160; &#xA0; 중단 없는 공간
&copy; &#169; &#xA9; © 저작권
&reg; &#174; &#xAE; ® 등록 상표
&dagger; &#8224; &#x2020; 단검
&Dagger; &#8225; &#x2021; 쌍검 이름은 대소문자를 구분합니다.
&ddagger; &#8225; &#x2021; 쌍검 이름에는 동의어가 있을 수 있습니다.
&trade; &#8482; &#x2122; 상표

데이터형

HTML은 스크립트 데이터 및 스타일시트 데이터와 같은 요소 콘텐츠에 대한 여러 데이터 유형을 정의하고 ID, 이름, URI, 숫자, 길이 단위, 언어, 미디어 기술자, 색상, 문자 인코딩, 날짜 및 시간 등을 포함한 속성 값에 대한 수많은 유형을 정의합니다.이러한 데이터 유형은 모두 문자 데이터의 전문화입니다.

문서 유형 선언

HTML 문서는 문서 유형 선언(비공식적으로 "doctpe")으로 시작해야 합니다.브라우저에서 doctpe는 렌더링 모드, 특히 쿼리 모드를 사용할지 여부를 정의하는 데 도움이 됩니다.

DTD(Document Type Definition)를 기반으로 SGML 도구를 사용하여 HTML 문서를 구문 분석하고 검증하는 것이 원래 목적이었습니다.DOSCTYPE가 참조하는 DTD에는 이러한 DTD를 준수하는 문서에 대해 허용 및 금지 내용을 지정하는 기계 판독 가능한 문법이 포함되어 있습니다.반면 브라우저는 HTML을 SGML 어플리케이션으로 구현하지 않기 때문에 DTD를 읽지 않습니다.

HTML5는 DTD를 정의하지 않으므로 HTML5에서는 doctpe 선언이 더 간단하고 [81]짧습니다.

<!DOSCTYPE html> 

HTML 4 doctype 예제

<!DOctPE HTML Public -//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> 

이 선언은 HTML 4.01의 "엄격한" 버전의 DTD를 참조합니다.SGML 기반의 검증자는 문서를 올바르게 해석하고 검증을 수행하기 위해 DTD를 읽습니다.최신 브라우저에서 유효한 doctpe는 쿼리 모드가 아닌 표준 모드를 활성화합니다.

또한 HTML 4.01은 다음과 같이 Transitional 및 Frameset DTD를 제공합니다.Transition Type은 현재 태그뿐만 아니라 오래된 태그 또는 "사용되지 않는" 태그도 포함하며, Strict DTD는 사용되지 않는 태그를 제외합니다.Frameset에는 페이지 상에 프레임을 작성하기 위해 필요한 모든 태그와 [82]트랜지션타입에 포함된 태그가 포함되어 있습니다.

시멘틱 HTML

시멘틱 HTML은 표시(외관)보다 인코딩된 정보의 의미를 강조하는 HTML 작성 방법입니다.HTML은 그것의 [83]시작부터 의미 마크업을 포함했지만, 또한 다음과 같은 프레젠테이션 마크업을 포함하였습니다.<font>,<i>그리고.<center>태그. 의미적으로 중립적인 스팬 태그와 div 태그도 있습니다.1990년대 후반부터 대부분의 브라우저에서 Cascading Style Sheets가 작동하기 시작하면서 웹 작성자들은 프레젠테이션과 콘텐츠[84]분리하기 위해 프레젠테이션 HTML 마크업을 사용하지 않도록 권장되어 왔다.

2001년 시맨틱 웹에 관한 토론에서 Tim Berners-Lee 등은 인텔리전트 소프트웨어 '에이전트'가 언젠가는 자동으로 웹을 탐색하여 인간 사용자의 [85]이익을 위해 이전에 관련이 없는 공개된 사실을 검색, 필터링 및 관련짓는 방법의 예를 제시했습니다.이러한 에이전트는 현재도 흔하지 않지만 Web 2.0, 매시업, 가격 비교 웹사이트의 아이디어 중 일부는 근접해 있을 수 있다.이러한 웹 어플리케이션하이브리드와 Berners-Lee의 시맨틱 에이전트의 주요 차이점은 정보의 현재 집약과 하이브리드는 보통 개발자에 의해 설계되고 있으며, 웹 개발자는 이미 웹 위치 및 특정 데이터의 API 시맨틱을 이미 알고 있으며 비교하고 결합하고 있다는 것입니다.

에이전트의 중요한 유형은 웹 크롤러 또는 검색 엔진 스파이더입니다.웹 페이지를 미리 알지 않고 자동으로 크롤 및 읽습니다.이러한 소프트웨어 에이전트는 다양한 기술과 알고리즘을 사용하여 하루에 수백만 개의 웹 페이지를 읽고 인덱싱하며 웹 사용자에게 검색 기능을 제공하므로 웹 페이지의 의미적 명확성에 의존합니다. 이 기능이 없으면 월드 와이드 웹의 유용성이 크게 저하됩니다.

검색 엔진 스파이더가 HTML 문서에서 발견한 텍스트 조각의 중요성을 평가할 수 있도록 하기 위해서는, 또한 매쉬업이나 다른 하이브리드를 만드는 것, 그리고 그들이 개발될 때 보다 자동화된 에이전트의 경우, HTML에 존재하는 의미 구조를 폭넓고 균일하게 적용하여 퍼블리싱의 의미를 끌어낼 필요가 있다.ed [86]텍스트

프레젠테이션 마크업 태그는 현재 HTML 및 XHTML 권장 사항에서는 사용되지 않습니다.이전 버전의 HTML의 대부분의 프레젠테이션 기능은 접근성 저하, 사이트 유지 보수 비용 증가, 문서 [87]크기 증가로 이어지기 때문에 더 이상 사용할 수 없습니다.

의미 HTML을 사용하면 웹 문서의 접근성도 향상됩니다(Web Content Accessibility Guidelines 참조).예를 들어, 화면 리더나 오디오 브라우저가 문서의 구조를 올바르게 확인할 수 있다면, 올바르게 표시되었을 때 반복되거나 관련이 없는 정보를 읽어내 시각 장애가 있는 사용자의 시간을 낭비하지 않습니다.

배달.

HTML 문서는 다른 컴퓨터 파일과 동일한 방법으로 전달할 수 있습니다.그러나 대부분의 경우 웹 서버의 HTTP 또는 전자 메일통해 전달됩니다.

HTTP

월드 와이드 웹은 주로 HTTP(Hypertext Transfer Protocol)를 사용하여 웹 서버에서 웹 브라우저로 전송되는 HTML 문서로 구성됩니다.그러나 HTTP는 HTML 외에 이미지, 사운드 및 기타 콘텐츠를 제공하는 데 사용됩니다. 웹 브라우저가 받은 각 문서를 처리하는 방법을 알 수 있도록 다른 정보가 문서와 함께 전송됩니다.메타 데이터에는 일반적으로 MIME 유형(예: 또는 )과 문자 인코딩(HTML 문자 인코딩 참조)이 포함됩니다.

최신 브라우저에서 HTML 문서와 함께 발송되는 MIME 유형은 문서가 처음 해석되는 방식에 영향을 미칠 수 있습니다.XHTML MIME 유형으로 전송된 문서는 올바른 형식의 XML이어야 합니다. 구문 오류로 인해 브라우저가 문서를 렌더링하지 못할 수 있습니다.일부 브라우저는 HTML에 대해 더 관대하므로 HTML MIME 유형으로 발송된 동일한 문서가 성공적으로 표시될 수 있습니다.

W3C 권장사항에는 권장사항의 부록 C에 기재되어 있는 가이드라인을 따르는 XHTML 1.0 문서는 MIME [88]유형 중 하나로 라벨을 붙일 수 있습니다.또한 XHTML 1.1 문서에는[89] MIME [90]유형 중 하나로 라벨을 붙여야 한다고 명시되어 있습니다.

HTML 이메일

대부분의 그래피컬 전자 메일클라이언트에서는 HTML의 서브셋(종종 정의되어 있지 않음)을 사용하여 플레인텍스트에서는 사용할 수 없는 포맷 및 의미 마크업을 제공할 수 있습니다.여기에는 색상 표제, 강조 및 인용된 텍스트, 인라인 이미지 및 다이어그램과 같은 타이포그래피 정보가 포함될 수 있습니다.이러한 클라이언트의 상당수는 HTML 전자 메일메시지를 작성하기 위한 GUI 에디터와 그것들을 표시하기 위한 렌더링 엔진을 포함한다.이메일에서 HTML을 사용하는 것은 호환성 문제, 피싱 공격을 위장하는 데 도움이 될 수 있으며 시각장애인 또는 시각장애인의 접근성 문제, 스팸 필터를 혼동할 수 있으며 메시지 크기가 일반 텍스트보다 크기 때문에 일부에서 비판받고 있습니다.

명명 규칙

HTML을 포함한 파일의 가장 일반적인 파일 확장자는 입니다.이것은 DOS나 FAT 데이터 구조에 의해 부과된 제한과 같은 일부 초기 운영 체제와 파일 시스템이 파일 확장자를 [91]글자로 제한했기 때문에 유래되었습니다.

HTML 응용 프로그램

HTML 응용 프로그램(HTA; 파일 확장자)은 브라우저에서 HTML 및 동적 HTML을 사용하여 응용 프로그램의 그래픽 인터페이스를 제공하는 Microsoft Windows 응용 프로그램입니다.일반 HTML 파일은 웹 브라우저 보안 모델로 제한되며 웹 서버에만 통신하고 웹 페이지 개체와 사이트 쿠키만 조작합니다.HTA는 완전히 신뢰할 수 있는 애플리케이션으로 실행되므로 파일 및 Windows 레지스트리 엔트리의 작성/편집/삭제 등 더 많은 권한을 가집니다.HTA는 브라우저의 보안 모델 외부에서 작동하기 때문에 HTTP를 통해 실행할 수 없지만 로컬 파일 시스템에서 다운로드(EXE 파일처럼)하여 실행해야 합니다.

HTML4의 종류

HTML 및 관련 프로토콜은 초기부터 비교적 [by whom?]빠르게 받아들여졌습니다.하지만, 언어의 초기 몇 년 동안은 명확한 기준이 존재하지 않았다.HTML을 만든 사람들은 원래 HTML을 프레젠테이션의 [92]세부사항이 없는 의미적 언어로 생각했지만, 실제적인 사용은 다양한 브라우저 벤더에 의해 주도되는 많은 프레젠테이션 요소와 속성을 언어로 밀어 넣었습니다.HTML을 둘러싼 최신 표준은 언어의[93] 혼돈한 발전을 극복하고 의미 있는 문서와 잘 표현된 문서를 구축하기 위한 합리적인 기반을 마련하기 위한 노력을 반영하고 있습니다.HTML을 의미 언어로서의 역할로 되돌리기 위해 W3C는 프레젠테이션의 부담을 떠안기 위해 CSS나 XSL과 같은 스타일 언어를 개발했습니다.이와 함께 HTML 사양은 프레젠테이션 요소에서 서서히 조정되고 있습니다.

현재 지정되어 있는 HTML의 다양한 변형을 구별하는 2개의 축이 있습니다.한쪽 축에서는 SGML 기반 HTML과 XML 기반 HTML(XHTML이라고 불립니다)을 구분하고 다른 한쪽 축에서는 엄밀한 것과 과도적인 것(느림)과 프레임셋을 구분합니다.

SGML 기반 HTML과 XML 기반 HTML

최신[when?] HTML 사양의 한 가지 차이점은 SGML 기반 사양과 XML 기반 사양의 차이입니다.XML 기반 사양은 일반적으로 XHTML이라고 불리며, 기존의 정의와 명확하게 구별됩니다.그러나 루트 요소 이름은 XHTML 지정 HTML에서도 "html"로 유지됩니다.W3C는 XHTML 1.0을 HTML 4.01과 동일하게 할 것을 의도하고 있습니다.단, 보다 복잡한 SGML에 대한 XML의 제한으로 회피책이 필요한 경우는 제외합니다.XHTML과 HTML은 밀접하게 관련되어 있기 때문에 병렬로 문서화되는 경우가 있습니다.이러한 상황에서 일부 저자는 두 이름을 (X)로 구분한다.HTML 또는 X(HTML)입니다.

HTML 4.01과 마찬가지로 XHTML 1.0에는 strict, transitive, frameset의 3가지 서브 사양이 있습니다.

문서에 대한 다른 오프닝 선언을 제외하고 HTML 4.01과 XHTML 1.0 문서(대응하는 각 DTD)의 차이는 통사적입니다.HTML의 기본 구문은 옵션인 열기 또는 닫기 태그를 가진 요소, 끝 태그를 가지고 있지 않아야 하는 비어 있는 요소 등 XHTML이 허용하지 않는 많은 바로 가기를 허용합니다.이와는 대조적으로 XHTML은 모든 요소에 시작 태그와 닫힘 태그가 있어야 합니다. 그러나 XHTML은 동일한 태그 내에서 XHTML 태그를 열고 닫을 수 있는 새로운 숏컷을 도입했습니다.태그 끝에는 다음과 같은 슬래시를 포함합니다.<br/>HTML 4.01의 SGML 선언에서는 사용되지 않는 이 속기의 도입은 이 새로운 규약에 익숙하지 않은 이전 소프트웨어를 혼란스럽게 할 수 있습니다.이 문제를 해결하려면 태그를 닫기 전에 다음과 같이 공백이 있어야 합니다.<br />를 클릭합니다.[94]

HTML과 XHTML의 미묘한 차이를 이해하려면 부록 C(아래 참조)에 준거한 유효한 XHTML 1.0 문서를 유효한 HTML 4.01 문서로 변환하는 것을 검토하십시오.이 변환을 실시하려면 , 다음의 순서가 필요합니다.

  1. 요소의 언어는 XHTML 속성이 아닌 속성으로 지정해야 합니다.XHTML은 XML에 내장된 언어 정의 기능 속성을 사용합니다.
  2. XML xmlns=URI네임스페이스를 삭제합니다(). HTML에는 네임스페이스에 대한 기능이 없습니다.
  3. 문서 유형 선언을 XHTML 1.0에서 HTML 4.01로 변경합니다(자세한 내용은 DTD 섹션 참조).
  4. XML 선언이 있는 경우는 삭제합니다.(통상은 다음과 같습니다.<?xml version="1.0" encoding="utf-8"?>).
  5. 문서의 MIME 유형이 설정되어 있는지 확인하십시오. HTML과 XHTML의 경우 HTTP에서 가져옵니다.Content-Type헤더가 송신됩니다.
  6. XML empty-element 구문을 HTML 스타일의 empty 요소로 변경합니다( ).<br />로.<br />).

이것들은 문서를 XHTML 1.0에서HTML 4.01로 변환하는데 필요한 주요 변경 사항입니다.HTML에서 XHTML로 번역하려면 생략된 열기 또는 닫기 태그를 추가해야 합니다.HTML로 코딩하든 XHTML로 코딩하든 생략할 수 있는 태그를 기억하는 것보다 항상 HTML 문서에 옵션 태그를 포함하는 것이 최선일 수 있습니다.

올바른 형식의 XHTML 문서는 XML의 모든 구문 요구사항을 준수합니다. 유효한 문서는 문서 구조를 설명하는 XHTML의 내용 사양을 준수합니다.

W3C에서는 HTML과 XHTML 간의 이행을 용이하게 하기 위해 몇 가지 규칙을 권장합니다(HTML 호환성 가이드라인 참조).다음 단계는 XHTML 1.0 문서에만 적용할 수 있습니다.

  • 둘 다 포함xml:lang그리고.lang언어를 할당하는 모든 요소에 대한 속성.
  • empty-element 구문은 HTML에서 empty로 지정된 요소에만 사용하십시오.
  • empty-element 태그에는 여분의 공간을 포함합니다.예를 들어, 다음과 같습니다.<br />대신<br />.
  • 콘텐츠를 허용하지만 비어 있는 요소의 명시적인 닫기 태그를 포함합니다(예:<div></div>,것은 아니다.<div />).
  • XML 선언을 생략합니다.

W3C의 호환성 가이드라인을 주의 깊게 따름으로써 사용자 에이전트는 문서를 HTML 또는 XHTML과 동일하게 해석할 수 있습니다.XHTML 1.0 이며, 이와 같이 호환성이 있는 문서의 경우, W3C 는 문서를 HTML 로서 사용할 수 있도록 합니다.text/html MIME 타입) 또는 XHTML(와 함께)로서application/xhtml+xml또는application/xmlMIME 타입).XHTML로 제공되는 경우 브라우저는 문서 내용을 구문 분석하기 위한 XML 사양을 엄격하게 준수하는 XML 파서를 사용해야 합니다.

이행과 엄격한 비교

HTML 4 에서는, 다음의 3개의 다른 버전의 언어를 정의하고 있습니다.Strict, Transitional(한때 Loose로 불렸음) 및 Frameset.Strict 버전은 새로운 문서를 위한 것으로 베스트 프랙티스로 간주되고 있는 반면 Transitional 및 Frameset 버전은 이전 HTML 사양에 부합하거나 어떤 사양에도 부합하지 않는 문서를 HTML 4 버전으로 쉽게 이행할 수 있도록 개발되었습니다.Transitional 버전과 Frameset 버전에서는 프레젠테이션 마크업이 허용되지만 Strict 버전에서는 생략됩니다.대신 HTML 문서의 표시를 개선하기 위해 계단식 스타일시트를 사용하는 것이 좋습니다.XHTML 1은 HTML 4에서 정의된 언어의 XML 구문만 정의하기 때문에 XHTML 1에도 동일한 차이가 적용됩니다.

Transitional 버전에서는 Strict 버전에는 포함되지 않은 다음 부분을 사용할 수 있습니다.

  • 보다 느슨한 콘텐츠 모델
    • 인라인 요소 및 플레인텍스트는 다음 위치에서 직접 사용할 수 있습니다.body,blockquote,form,noscript그리고.noframes
  • 프레젠테이션 관련 요소
    • 밑줄을 긋다u)(권장되지 않습니다.는 방문자를 하이퍼링크로 혼동할 수 있습니다.)
    • 스트라이크 스루(s)
    • center(추천.대신 CSS를 사용합니다.)
    • font(추천.대신 CSS를 사용합니다.)
    • basefont(추천.대신 CSS를 사용합니다.)
  • 프레젠테이션 관련 속성
    • background(추천.대신 CSS를 사용합니다).bgcolor(추천.대신 CSS를 사용합니다).body(W3C에 따른 필수 요소).
    • align(추천.대신 CSS를 사용합니다).div,form, 패러그래프(p( ) 및 표제목)h1...h6) 요소
    • align(추천.대신 CSS를 사용합니다.)noshade(추천.대신 CSS를 사용합니다.)size(추천.대신 CSS를 사용합니다).width(추천.대신 CSS를 사용합니다.)hr요소
    • align(추천.대신 CSS를 사용합니다.)border,vspace그리고.hspace속성img그리고.object(예:object요소는 Internet Explorer(메이저브라우저에서) 요소에서만 지원됩니다.
    • align(추천.대신 CSS를 사용합니다).legend그리고.caption요소들
    • align(추천.대신 CSS를 사용합니다).bgcolor(추천.대신 CSS를 사용합니다.)table요소
    • nowrap(구식),bgcolor(추천.대신 CSS를 사용합니다.)width,heighttd그리고.th요소들
    • bgcolor(추천.대신 CSS를 사용합니다).tr요소
    • clear(구식) Atribute onbr요소
    • compact탓으로 돌리다dl,dir그리고.menu요소들
    • type(추천.대신 CSS를 사용합니다.)compact(추천.대신 CSS를 사용합니다).start(추천.대신 CSS를 사용합니다.)ol그리고.ul요소들
    • type그리고.value속성li요소
    • width탓으로 돌리다pre요소
  • 과도 사양의 추가 요소
    • menu(추천.대신 CSS를 사용합니다.(단, 순서 없는 목록은 권장되지 않습니다)
    • dir(추천.대신 CSS를 사용합니다.(단, 순서 없는 목록은 권장되지 않습니다)
    • isindex(사용되지 않습니다.) (element는 서버측 지원이 필요하며 일반적으로 문서 서버측에 추가됩니다.form그리고.input대체 요소로 사용 가능)
    • applet(추천.를 사용하다object대신 엘리먼트를 사용합니다.
  • 스크립트 요소의 (Obsolete)아트리뷰트(와 용장)type속성)을 참조해 주세요.
  • 프레임 관련 엔티티
    • iframe
    • noframes
    • target(로 권장되지 않음)map,link그리고.form요소). Atribute on.a, 클라이언트측 이미지 맵(map),link,form그리고.base요소들

Frameset 버전에는 Transitional 버전뿐만 아니라frameset요소(대신 사용)body)와frame요소.

프레임셋과 이행

위의 경과적 차이와 더불어 프레임셋 사양(XHTML 1.0 또는 HTML 4.01)은 다른 콘텐츠모델을 지정합니다.frameset교환body다음 중 하나를 포함합니다.frame요소 또는 옵션noframes와 함께body.

사양 버전 요약

이 목록에서 알 수 있듯이 규격의 느슨한 버전은 레거시 지원을 위해 유지됩니다.단, 일반적인 오해와는 달리 XHTML로의 이행이 이 레거시서포트의 해제를 의미하는 것은 아닙니다.오히려 XML의 X는 확장 가능을 의미하며 W3C는 전체 사양을 모듈화하여 독립된 확장에 개방하고 있습니다.XHTML 1.0에서XHTML 1.1로의 이행에 있어서의 주된 성과는, 사양 전체의 모듈화입니다.HTML의 엄밀한 버전은 기본 XHTML 1.1 사양에 대한 모듈러 확장 세트를 통해 XHTML 1.1에 배치됩니다.마찬가지로 느슨한(과도한) 사양 또는 프레임셋 사양을 찾고 있는 사용자는 유사한 확장 XHTML 1.1 지원을 찾을 수 있습니다(대부분은 레거시 모듈 또는 프레임모듈에 포함되어 있습니다).모듈화를 통해 개별 기능을 자체 일정에 따라 개발할 수도 있습니다.예를 들어 XHTML 1.1을 사용하면 MathML(XML을 기반으로 한 프레젠테이션 및 의미 수학 언어) XForms(기존 HTML 폼을 대체하는 새로운 고급 웹 폼 기술)와 같은 새로운 XML 표준으로 신속하게 마이그레이션할 수 있습니다.

요약하면 HTML 4 사양은 모든 HTML 구현에서 주로 SGML. XHTML 1.0을 기반으로 명확하게 기술된 단일 사양으로 조정되었으며, 이 사양은 그대로 새로운 XML 정의 사양으로 이식되었습니다.다음으로 XHTML 1.1은 XML의 확장 가능한 특성을 이용하여 전체 사양을 모듈화합니다.XHTML 2.0은 표준 본체 기반 접근법의 규격에 새로운 기능을 추가하는 첫 번째 단계가 될 의도였다.

WHATWG HTML 대 HTML5

WHATWG가 개발한 HTML Living Standard가 공식 버전이며 W3C HTML5는 더 이상 WHATWG와 분리되지 않습니다.

WYSIWYG 에디터

일부 WYSIWYG 에디터(What You See Is What You Get)는 사용자가 대부분경우 워드 프로세서와 유사한 그래피컬 사용자 인터페이스(GUI)를 사용하여 HTML 문서에 표시되는 모든 내용을 그대로 표시합니다.편집자는 코드를 표시하지 않고 문서를 렌더링하므로 작성자는 HTML에 대한 광범위한 지식이 필요하지 않습니다.

WYSIWYG 편집 모델은 생성된 코드의 품질이 낮다는 이유로 비판을 [95][96]받아 왔습니다.WYSIWYM 모델로의 변경을 지지하는 목소리도 있습니다[who?](What You See Is What You Mean).

WYSIWYG 편집자는 다음과 같은 결함으로 인해 여전히 논란이 되고 있습니다.

  • 의미와는 달리 주로 레이아웃에 의존하며, 의도한 의미를 전달하지 않고 [97]단순히 레이아웃을 복사하는 마크업을 사용하는 경우가 많습니다.
  • HTML 및 CSS의 캐스케이드 특성을 이용하지 못하는 매우 상세하고 장황한 코드를 생성하는 경우가 많습니다.
  • 태그 수프 또는 의미상 잘못된 마크업(예:<em>(이탤릭체의 경우)
  • HTML 문서의 많은 정보가 레이아웃에 포함되어 있지 않기 때문에, 이 모델은 "보이는 것만으로 얻을 [98]수 있다"는 자연스러움 때문에 비판을 받아 왔습니다.

「 」를 참조해 주세요.

레퍼런스

  1. ^ "W3C Html".
  2. ^ "HTML 4.0 Specification — W3C Recommendation — Conformance: requirements and recommendations". w3. World Wide Web Consortium. December 18, 1997. Archived from the original on July 5, 2015. Retrieved July 6, 2015.
  3. ^ Tim Berners-Lee, "정보 관리: 제안" CERN(1989년 3월, 1990년 5월).W3.org
  4. ^ Tim Berners-Lee, "디자인상의 문제"
  5. ^ Tim Berners-Lee, "디자인상의 문제"
  6. ^ a b c "Tags used in HTML". w3. World Wide Web Consortium. November 3, 1992. Archived from the original on January 31, 2010. Retrieved November 16, 2008.
  7. ^ Berners-Lee, Tim (October 29, 1991). "First mention of HTML Tags on the www-talk mailing list". w3. World Wide Web Consortium. Archived from the original on May 24, 2007. Retrieved April 8, 2007.
  8. ^ "Index of elements in HTML 4". w3. World Wide Web Consortium. December 24, 1999. Archived from the original on May 5, 2007. Retrieved April 8, 2007.
  9. ^ Berners-Lee, Tim (December 9, 1991). "Re: SGML/HTML docs, X Browser (archived www-talk mailing list post)". w3. Archived from the original on December 22, 2007. Retrieved June 16, 2007. SGML is very general. HTML is a specific application of the SGML basic syntax applied to hypertext documents with simple structure.
  10. ^ Berners-Lee, Tim; Connolly, Daniel (June 1993). "Hypertext Markup Language (HTML): A Representation of Textual Information and MetaInformation for Retrieval and Interchange". w3. Archived from the original on January 3, 2017. Retrieved January 4, 2017.
  11. ^ Raggett, Dave. "A Review of the HTML+ Document Format". w3. Archived from the original on February 29, 2000. Retrieved May 22, 2020. The hypertext markup language HTML was developed as a simple non-proprietary delivery format for global hypertext. HTML+ is a set of modular extensions to HTML and has been developed in response to a growing understanding of the needs of information providers. These extensions include text flow around floating figures, fill-out forms, tables and mathematical equations.
  12. ^ Berners-Lee, Tim; Connelly, Daniel (November 1995). "Hypertext Markup Language – 2.0". ietf.org. Internet Engineering Task Force. RFC 1866. Archived from the original on August 11, 2010. Retrieved December 1, 2010. This document thus defines an HTML 2.0 (to distinguish it from the previous informal specifications). Future (generally upwardly compatible) versions of HTML with new features will be released with higher version numbers.
  13. ^ a b c d e f Raggett, Dave (1998). Raggett on HTML 4. Archived from the original on August 9, 2007. Retrieved July 9, 2007.
  14. ^ "HTML5 – Hypertext Markup Language – 5.0". Internet Engineering Task Force. 28 October 2014. Archived from the original on October 28, 2014. Retrieved November 25, 2014. This document recommends HTML 5.0 after completion.
  15. ^ "HTML 3.2 Reference Specification". World Wide Web Consortium. January 14, 1997. Retrieved November 16, 2008.
  16. ^ "IETF HTML WG". Retrieved June 16, 2007. Note: This working group is closed
  17. ^ a b Arnoud Engelfriet. "Introduction to Wilbur". Web Design Group. Retrieved June 16, 2007.
  18. ^ "HTML 4.0 Specification". World Wide Web Consortium. December 18, 1997. Retrieved November 16, 2008.
  19. ^ "HTML 4 – 4 Conformance: requirements and recommendations". Retrieved December 30, 2009.
  20. ^ "HTML 4.0 Specification". World Wide Web Consortium. April 24, 1998. Retrieved November 16, 2008.
  21. ^ "HTML 4.01 Specification". World Wide Web Consortium. December 24, 1999. Retrieved November 16, 2008.
  22. ^ a b ISO (2000). "ISO/IEC 15445:2000 – Information technology – Document description and processing languages – HyperText Markup Language (HTML)". Retrieved December 26, 2009.
  23. ^ Cs.Tcd.Ie.Cs.Tcd.Ie(2000-05-15)2012-02-16에 취득.
  24. ^ "HTML5: A vocabulary and associated APIs for HTML and XHTML". World Wide Web Consortium. 28 October 2014. Retrieved 31 October 2014.
  25. ^ "Open Web Platform Milestone Achieved with HTML5 Recommendation" (Press release). World Wide Web Consortium. 28 October 2014. Retrieved 31 October 2014.
  26. ^ "HTML 5.1". World Wide Web Consortium. 1 November 2016. Retrieved 6 January 2017.
  27. ^ "HTML 5.1 is a W3C Recommendation". World Wide Web Consortium. 1 November 2016. Retrieved 6 January 2017.
  28. ^ Philippe le Hegaret (17 November 2016). "HTML 5.1 is the gold standard". World Wide Web Consortium. Retrieved 6 January 2017.
  29. ^ "HTML 5.2". World Wide Web Consortium. 14 December 2017. Retrieved 15 December 2017.
  30. ^ "HTML 5.2 is now a W3C Recommendation". World Wide Web Consortium. 14 December 2017. Retrieved 15 December 2017.
  31. ^ Charles McCathie Nevile (14 December 2017). "HTML 5.2 is done, HTML 5.3 is coming". World Wide Web Consortium. Retrieved 15 December 2017.
  32. ^ Connolly, Daniel (6 June 1992). "MIME as a hypertext architecture". CERN. Retrieved 24 October 2010.
  33. ^ Connolly, Daniel (15 July 1992). "HTML DTD enclosed". CERN. Retrieved 24 October 2010.
  34. ^ Connolly, Daniel (18 August 1992). "document type declaration subset for Hyper Text Markup Language as defined by the World Wide Web project". CERN. Retrieved 24 October 2010.
  35. ^ a b Connolly, Daniel (24 November 1992). "Document Type Definition for the Hyper Text Markup Language as used by the World Wide Web application". CERN. Retrieved 24 October 2010. "개정 내역" 섹션을 참조하십시오.
  36. ^ Berners-Lee, Tim; Connolly, Daniel (June 1993). "Hyper Text Markup Language (HTML) Internet Draft version 1.1". IETF IIIR Working Group. Retrieved 18 September 2010.
  37. ^ Berners-Lee, Tim; Connolly, Daniel (June 1993). "Hypertext Markup Language (HTML) Internet Draft version 1.2". IETF IIIR Working Group. Retrieved 18 September 2010.
  38. ^ Raggett, Dave (1993-11-08). "History for draft-raggett-www-html-00". datatracker.ietf.org. Retrieved 2019-11-18.
  39. ^ Berners-Lee, Tim; Connolly, Daniel (28 November 1994). "HyperText Markup Language Specification – 2.0 INTERNET DRAFT". Internet Engineering Task Force. Retrieved 24 October 2010.
  40. ^ Connolly <connolly@w3.org>, Daniel W. (1995-05-16). "Hypertext Markup Language - 2.0". tools.ietf.org. Retrieved 2019-11-18.
  41. ^ "History for draft-ietf-html-spec-05". datatracker.ietf.org. Retrieved 2019-11-18.
  42. ^ "HTML 3.0 Draft (Expired!) Materials". World Wide Web Consortium. December 21, 1995. Retrieved November 16, 2008.
  43. ^ a b "HyperText Markup Language Specification Version 3.0". Retrieved June 16, 2007.
  44. ^ Raggett, Dave (28 March 1995). "HyperText Markup Language Specification Version 3.0". HTML 3.0 Internet Draft Expires in six months. World Wide Web Consortium. Retrieved 17 June 2010.
  45. ^ Bowers, Neil. "Weblint: Just Another Perl Hack". CiteSeerX 10.1.1.54.7191.
  46. ^ Lie, Håkon Wium; Bos, Bert (April 1997). Cascading style sheets: designing for the Web. Addison Wesley Longman. p. 263. ISBN 9780201419986. Retrieved 9 June 2010.
  47. ^ "HTML5". World Wide Web Consortium. June 10, 2008. Retrieved November 16, 2008.
  48. ^ "HTML5, one vocabulary, two serializations". Retrieved February 25, 2009.
  49. ^ "W3C Confirms May 2011 for HTML5 Last Call, Targets 2014 for HTML5 Standard". World Wide Web Consortium. 14 February 2011. Retrieved 18 February 2011.
  50. ^ Hickson, Ian. "HTML Is the New HTML5". Archived from the original on 6 October 2019. Retrieved 21 January 2011.
  51. ^ "HTML5 gets the splits". netmagazine.com. Retrieved 23 July 2012.
  52. ^ "HTML5". W3.org. 2012-12-17. Retrieved 2013-06-15.
  53. ^ "When Will HTML5 Be Finished?". FAQ. WHAT Working Group. Retrieved 29 November 2009.
  54. ^ "Call for Review: HTML5 Proposed Recommendation Published W3C News". W3.org. 2014-09-16. Retrieved 2014-09-27.
  55. ^ "Open Web Platform Milestone Achieved with HTML5 Recommendation". W3C. 28 October 2014. Retrieved 29 October 2014.
  56. ^ "HTML5 specification finalized, squabbling over specs continues". Ars Technica. 2014-10-29. Retrieved 2014-10-29.
  57. ^ "XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)". World Wide Web Consortium. January 26, 2000. Retrieved November 16, 2008.
  58. ^ "XHTML 1.1 – Module-based XHTML — Second Edition". World Wide Web Consortium. February 16, 2007. Retrieved November 16, 2008.
  59. ^ "Modularization of XHTML". www.w3.org. Retrieved 2017-01-04.
  60. ^ "XHTM 2.0". World Wide Web Consortium. July 26, 2006. Retrieved November 16, 2008.
  61. ^ "XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML5". World Wide Web Consortium. July 17, 2009. Retrieved November 16, 2008.
  62. ^ "W3C XHTML FAQ".
  63. ^ "HTML5". W3C. 19 October 2013.
  64. ^ Jaffe, Jeff (28 May 2019). "W3C and WHATWG to Work Together to Advance the Open Web Platform". W3C Blog. Archived from the original on 29 May 2019. Retrieved 29 May 2019.
  65. ^ "W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM". W3C. 28 May 2019. Archived from the original on 29 May 2019. Retrieved 29 May 2019.
  66. ^ "Memorandum of Understanding Between W3C and WHATWG". W3C. 28 May 2019. Archived from the original on 29 May 2019. Retrieved 29 May 2019.
  67. ^ Cimpanu, Catalin (29 May 2019). "Browser vendors Win War with W3C over HTML and DOM standards". ZDNet. Archived from the original on 29 May 2019. Retrieved 29 May 2019.
  68. ^ "W3C - WHATWG Wiki". WHATWG Wiki. Archived from the original on 29 May 2019. Retrieved 29 May 2019.
  69. ^ Shankland, Stephen (July 9, 2009). "An epitaph for the Web standard, XHTML 2". CNET. CBS INTERACTIVE INC.
  70. ^ Doctpe로 브라우저 모드 활성화.Hsivonen.iki.fi 를 참조해 주세요.2012-02-16에 취득.
  71. ^ "HTML Elements". w3schools. Retrieved 16 March 2015.
  72. ^ "CSS Introduction". W3schools. Retrieved 16 March 2015.
  73. ^ "On SGML and HTML". World Wide Web Consortium. Retrieved November 16, 2008.
  74. ^ "XHTML 1.0 – Differences with HTML 4". World Wide Web Consortium. Retrieved November 16, 2008.
  75. ^ Korpela, Jukka (July 6, 1998). "Why attribute values should always be quoted in HTML". Cs.tut.fi. Retrieved November 16, 2008.
  76. ^ "Objects, Images, and Applets in HTML documents". World Wide Web Consortium. December 24, 1999. Retrieved November 16, 2008.
  77. ^ "H56: Using the dir attribute on an inline element to resolve problems with nested directional runs". Techniques for WCAG 2.0. W3C. Retrieved 18 September 2010.
  78. ^ "Character Entity Reference Chart". World Wide Web Consortium. October 24, 2012.
  79. ^ "The Named Character Reference '". World Wide Web Consortium. January 26, 2000.
  80. ^ "The Unicode Standard: A Technical Introduction". Retrieved 2010-03-16.
  81. ^ "HTML: 마크업 언어(HTML 언어 참조)"2013년 8월 19일 취득.
  82. ^ "HTML 4 Frameset Document Type Definition". www.w3.org. Retrieved 2021-12-25.
  83. ^ Berners-Lee, Tim; Fischetti, Mark (2000). Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web by Its Inventor. San Francisco: Harper. ISBN 978-0-06-251587-2.
  84. ^ Raggett, Dave (2002). "Adding a touch of style". W3C. Retrieved October 2, 2009. 이 문서에서는 프리젠테이션 HTML 마크업이 "Netscape 4.0 및 Internet Explorer 4.0 이전" 브라우저를 대상으로 할 때 유용할 수 있다는 점에 유의합니다.웹 브라우저 목록을 참조하여 웹 브라우저가 모두 1997년에 출시되었는지 확인하십시오.
  85. ^ Tim Berners-Lee, James Hendler and Ora Lassila (2001). "The Semantic Web". Scientific American. Retrieved October 2, 2009.
  86. ^ Nigel Shadbolt, Wendy Hall and Tim Berners-Lee (2006). "The Semantic Web Revisited" (PDF). IEEE Intelligent Systems. Retrieved October 2, 2009.
  87. ^ "HTML: The Living Standard". WHATWG. Retrieved 27 September 2018.
  88. ^ "XHTML 1.0 The Extensible HyperText Markup Language (Second Edition)". World Wide Web Consortium. 2002 [2000]. Retrieved December 7, 2008. XHTML Documents which follow the guidelines set forth in Appendix C, "HTML Compatibility Guidelines" may be labeled with the Internet Media Type "text/html" [RFC2854], as they are compatible with most HTML browsers. Those documents, and any other document conforming to this specification, may also be labeled with the Internet Media Type "application/xhtml+xml" as defined in [RFC3236].
  89. ^ Bradner, Scott O. (1997). "Key words for use in RFCs to Indicate Requirement Levels". Internet Engineering Task Force. RFC 2119. Retrieved December 7, 2008. 3. SHOULD This word, or the adjective "RECOMMENDED", mean that there may exist valid reasons in particular circumstances to ignore a particular item, but the full implications must be understood and carefully weighed before choosing a different course.
  90. ^ "XHTML 1.1 – Module-based XHTML — Second Edition". World Wide Web Consortium. 2007. Retrieved December 7, 2008. XHTML 1.1 documents SHOULD be labeled with the Internet Media Type text/html as defined in [RFC2854] or application/xhtml+xml as defined in [RFC3236].
  91. ^ "Naming Files, Paths, and Namespaces". Microsoft. Retrieved 16 March 2015.
  92. ^ HTML 설계 제약, W3C 아카이브
  93. ^ WWW: BTBHTML, Pris Sears
  94. ^ Freeman, E(2005)HTML을 제일로 해 오라일리
  95. ^ Sauer, C.: WYSIWIKI – 인터넷 시대의 WYSIWYG에 의문을 제기합니다.입력: Wikimania (2006)
  96. ^ Spiesser, J., Kitchen, L. : WYSIWYG 프로그램에 의해 자동으로 생성되는 HTML 최적화.인: 제13회 월드와이드웹 국제회의, 페이지 355-364.2004년 WWWACM, 뉴욕, 뉴욕 (뉴욕, 뉴욕, 미국, 2004년 5월 17~20일)
  97. ^ XHTML 레퍼런스: Wayback Machine에서의 블록 견적서 2010-03-25.Xhtml.com 를 참조해 주세요.2012-02-16에 취득.
  98. ^ Doug Engelbart의 인비저블 REVOLUTION . Invisiblerevolution.net2012-02-16에 취득.

외부 링크