Page protected with pending changes

HTML 요소

HTML element

HTML 요소HTML(HyperText Markup Language) 문서 구성 요소의 한 종류로, 여러 종류의 HTML 노드 중 하나입니다(텍스트 노드, 주석 노드 등도 있습니다).[vague] HTML의 최초의 사용된 버전은 1993년 팀 버너스 리(Tim Berners-Lee)에 의해 작성되었으며 그 이후로 많은 버전의 HTML이 존재해 왔습니다. 현재의 사실상의 표준은 산업 그룹 WHATWG(왓더블유지)에 의해 관리되며 HTML 생활 표준(Living Standard)으로 알려져 있습니다.

HTML 문서는 텍스트 노드와 같은 간단한 HTML 노드트리와 HTML 요소로 구성되며, 문서의 일부에 의미론과 형식을 추가합니다(예: 텍스트를 굵게 표시하거나 단락, 목록 및 테이블로 구성하거나 하이퍼링크 및 이미지를 포함). 각 요소는 HTML 특성을 지정할 수 있습니다. 요소에는 다른 요소와 텍스트를 포함한 내용도 포함될 수 있습니다.

개념

HTML 요소 컨텐츠 카테고리

요소 대 태그

일반적으로 이해되는 바와 같이 요소의 위치는 시작 태그에서 스패닝된 것으로 표시되며 종료 태그에 의해 종료됩니다.[1] HTML 문서 내의 모든 요소는 아니지만 많은 요소가 이에 해당합니다. 이 구분은 HTML 4.01 규격에서 명시적으로 강조하고 있습니다.

요소는 태그가 아닙니다. 어떤 사람들은 요소를 태그(예: "P 태그")라고 부릅니다. 요소는 하나이고 태그(시작 또는 끝 태그)는 다른 것임을 기억하십시오. 예를 들어, 시작 및 종료 HEAD 태그가 마크업에서 모두 누락될 수 있지만 HEAD 요소는 항상 존재합니다.[1]

마찬가지로 W3C 추천 HTML 5.12th Edition에서도 다음과 같이 명시적으로 언급하고 있습니다.

태그는 마크업에서 요소의 시작과 끝을 구분하는 데 사용됩니다. (...) 특정 정상 요소의 시작 및 끝 태그는 생략할 수 있습니다. (...)
요소의 내용은 시작 태그 바로 뒤(어떤 경우에는 암시될 수 있음)와 종료 태그 바로 앞(어떤 경우에는 암시될 수 있음) 사이에 배치되어야 합니다.

그리고:

특정 태그는 생략할 수 있습니다.
참고:
요소의 시작 태그(...)를 생략한다고 해서 요소가 존재하지 않는 것은 아니며, 암시되어 있지만 여전히 존재합니다. 예를 들어, HTML 문서에는 문자열이 마크업의 어느 곳에도 나타나지 않더라도 항상 루트 요소가 있습니다.


HTML(HTML5 이전)은 SGML을 기반으로 [2]하므로 구문 분석은 문서 유형 정의(DTD), 특히 HTML DTD(예: HTML 4.01[3][note 1])에 따라 달라집니다. DTD는 가능한 요소 유형(즉, 요소 유형 집합을 정의함)과 문서에 표시될 수 있는 유효한 조합을 지정합니다. 이것은 일반적인 SGML 행동의 일부이며, 유효한 구조가 하나만 가능한 경우(DTD에 따라), 어떤 특정 문서에서도 명시적인 진술이 일반적으로 필요하지 않습니다. 간단한 예로, <p> 단락 요소의 시작을 나타내는 태그는 다음으로 보완되어야 합니다. </p> 끝을 나타내는 태그. 그러나 DTD는 단락 요소를 중첩할 수 없다고 기술하므로 HTML 문서 조각 <p>Para 1 <p>Para 2 <p>Para 3 따라서 다음과 동등한 것으로 추론됩니다. <p>Para 1 </p><p>Para 2 </p><p>Para 3. (하나의 단락 요소가 다른 단락을 포함할 수 없는 경우, 다른 단락을 시작하기 전에 현재 열려 있는 단락을 닫아야 합니다.) 이러한 의미는 DTD와 개별 문서의 결합을 기반으로 하기 때문에 일반적으로 문서 태그에서만 요소를 추론할 수 있는 것이 아니라 DTD에 대한 지식을 가진 SGML 또는 HTML 인식 파서를 사용하여 요소를 추론할 수 있습니다. HTML5는 생략할 수 있는 태그를 정의함으로써 유사한 결과를 만들어냅니다.[4]

SGML 대 XML

SGML은 복잡하기 때문에 광범위한 이해와 채택에 한계가 있습니다. XML은 더 간단한 대안으로 개발되었습니다. DTD를 사용하여 지원되는 요소와 해당 요소의 허용된 조합을 문서 구조로 지정할 수 있지만 XML 구문 분석이 더 간단합니다. 태그에서 요소로의 관계는 항상 문서에 포함된 실제 태그를 구문 분석하는 것이며, SGML의 일부인 묵시적 종결은 없습니다.[note 2]

현재 웹에서 사용되는 HTML은 XHTML로 처리되거나 HTML5로 처리될 가능성이 높습니다. 두 경우 모두 기존 HTML 시스템에 비해 문서 태그를 DOM(Document Object Model) 요소로 구문 분석하는 것이 간단합니다. 요소의 DOM이 확보되면 더 높은 수준의 인터페이스(예: 화면 렌더링)에서 동작이 동일하거나 거의 비슷합니다.[note 3]

%block; 대 상자

이 CSS 프레젠테이션 동작의 일부는 "박스 모델"의 개념입니다. 이것은 CSS가 CSS를 통해 설정된 "블록" 요소로 간주하는 요소에 적용됩니다. display: block; 선언.

HTML도 다르지만 비슷한 개념을 가지고 있고, 둘은 매우 자주 혼동됩니다. %block; 그리고. %inline; HTML DTD 내의 그룹은 요소를 "블록 수준" 또는 "인라인"으로 그룹화합니다.[6] 블록 수준 요소는 인라인 컨텍스트에 배치할 수 없습니다.[note 4] 이 동작은 변경할 수 없으며 DTD에서 고정됩니다. 블록 요소와 인라인 요소는 기본적으로 특정 요소 유형에 대한 상자 모델의 관련성을 [6]포함하여 적절한 CSS 동작과 다른 CSS 동작을 포함합니다.

이 CSS 동작은 기본값에서 자주 변경될 수 있습니다. 로 목록을 작성합니다. <ul><li> ... 이다 %block; 요소 및 는 기본적으로 블록 요소로 표시됩니다. 그러나 CSS를 사용하여 인라인 목록으로 표시하도록 설정하는 것이 매우 일반적입니다.[7]

개요

구문

HTML 컨테이너 요소의 일부

HTML 구문에서 대부분의 요소는 내용을 사이에 두고 시작 태그와 끝 태그로 작성됩니다. HTML 태그는 요소의 이름으로 구성되며, 각 괄호로 둘러싸여 있습니다. 끝 태그에는 시작 태그와 구별하기 위해 개방 각도 브래킷 뒤에 슬래시가 있습니다. 예를 들어, 다음과 같이 표현되는 단락. <p> 요소는 다음과 같이 기록됩니다.

<HTML 구문에서 대부분의 요소는...</p> 

그러나 이러한 모든 요소가 엔드 태그 또는 시작 태그가 있어야 하는 것은 아닙니다.[4] 일부 요소, 소위 보이드 요소에는 끝 태그가 없습니다. 대표적인 예는 다음과 같습니다. <br> (hard line-break) 요소. 공백 요소의 동작은 미리 정의되어 있으며 내용이나 다른 요소를 포함할 수 없습니다. 예를 들어, 주소는 다음과 같이 기록됩니다.

<P. 셔먼<br />42 왈라비 웨이<br />시드니</p> 

XHTML 사용 시 보이드 요소를 포함한 모든 요소를 열고 닫아야 합니다. 이는 시작 태그 바로 뒤에 종료 태그를 배치하여 수행할 수 있지만 HTML 5에서는 이는 합법적이지 않으며 두 가지 요소가 생성됩니다. XHTML 및 HTML 5와 모두 호환되는 보이드 요소임을 지정하는 다른 방법은 다음과 같습니다. / 태그의 끝에 (그와 혼동하지 않기 위해) / 클로징 태그의 맨 앞에).

<P. 셔먼<br />42 왈라비 웨이<br />시드니</p> 

HTML 특성은 시작 태그 내부에 지정됩니다. 예를 들면. <abbr> 약어를 나타내는 요소는 다음을 기대합니다. title 속성을 여는 태그 내에 표시합니다. 다음과 같이 기록됩니다.

<abr title="약어">abr.</abr> 

비공식적으로 HTML 요소는 "태그"(synecdoche의 예)로 불리기도 하지만 많은 사람들이 요소의 시작과 끝을 구분하는 마크업과 관련하여 태그라는 용어를 엄격하게 선호합니다.

요소(및 속성) 이름은 HTML에서 대문자 또는 소문자의 조합으로 작성될 수 있지만 XHTML에서는 소문자여야 합니다.[8] 표준 양식은 HTML 4까지는 대문자였고 HTML 사양에서 사용되었지만 최근에는 소문자가 더 일반화되었습니다.

요소의 종류

HTML 요소에는 일반 요소, 원시 텍스트 요소, 공백 요소 등 세 가지가 있습니다.

일반 요소에는 일반적으로 시작 태그와 종료 태그가 모두 있지만 일부 요소의 경우 종료 태그 또는 두 태그를 모두 생략할 수 있습니다. 이와 유사한 방식으로 구성됩니다.

  • 출발표(<tag>) 임의의 수의 HTML 속성을 통합할 수 있는 요소의 시작을 표시합니다.
  • 텍스트 및 기타 요소를 포함한 어느 정도의 콘텐츠
  • 요소 이름 앞에 슬래시가 붙은 끝 태그: </tag>.

원시 텍스트 요소(텍스트 또는 텍스트 전용 요소라고도 함)는 다음과 같이 구성됩니다.

  • (형식상) 시작표 <tag>) 임의의 수의 HTML 속성을 통합할 수 있는 요소의 시작을 표시합니다.
  • 어느 정도의 텍스트 내용이지만 요소는 없습니다(해당 끝 태그를 제외한 모든 태그는 내용으로 해석됩니다).
  • 요소 이름 앞에 슬래시가 붙은 끝 태그: </tag>. HTML의 일부 버전에서 종료 태그는 일부 요소에 대해 선택 사항입니다. 끝 태그는 XHTML에서 필요합니다.

예를 들면 다음과 같습니다. <title> 요소는 다른 요소(텍스트 마크업 포함)를 포함해서는 안 되며, 일반 텍스트만 포함합니다.

보이드 요소(때로는 빈 요소, 단일 요소 또는 독립 실행형 요소라고도 함)에는 시작 태그만 있습니다(형태). <tag>), HTML 특성을 포함합니다. 텍스트 또는 기타 요소와 같은 자식을 포함하지 않을 수 있습니다. XHTML과의 호환성을 위해 HTML 사양은[which?] 선택적인 공간과 슬래시(Slash[citation needed])를 허용합니다.<tag /> 허용됩니다). 슬래시는 XHTML 및 기타 XML 응용 프로그램에서 필요합니다. 일반적인 두 가지 보이드 요소는 다음과 같습니다. <br /> (시나 주소와 같은 딱딱한바꿈의 경우) 그리고 <hr /> (주제별 휴식을 위해) 이미지와 같은 외부 파일을 참조하는 자리 표시자(place-holder)가 다른 요소인 경우가 많습니다.<img />) 요소. 그런 다음 요소에 포함된 속성이 문제의 외부 파일을 가리킵니다. 보이드 요소의 또 다른 예는 다음과 같습니다. <link />, 구문은 다음과 같습니다.

<링크 ="스타일시트" href=fancy css 유형="텍스트/css"> 

이것. <link /> 요소는 HTML 문서를 사용자에게 제시할 때 사용할 스타일 시트에서 브라우저를 가리킵니다. HTML 구문에서 속성은 문자, 숫자, 하이픈-마이너스 및 마침표와 같은 특정 문자로만 구성된 경우 따옴표를 사용할 필요가 없습니다. 반면에 XML 신택스(XHTML)를 사용하는 경우 모든 특성을 따옴표로 표시해야 하며 마지막 각도 괄호 앞에는 공백 후행 슬래시가 필요합니다.

<링크> rel="스타일시트" href=fancy css type="텍스트/css" /> 

특성

HTML 속성은 원하는 동작을 정의하거나 추가 요소 속성을 나타냅니다. 대부분의 속성에는 이 필요합니다. HTML에서는 공백을 포함하지 않는 경우 값을 따옴표로 표시하지 않을 수 있습니다.attribute=value) 또는 단일 또는 이중 따옴표로 인용할 수 있습니다(attribute='value' 또는 attribute="value"). XML에서는 이러한 따옴표가 필요합니다.

그러나 부울 속성은 값을 지정할 필요가 없습니다. 예를 들면 다음과 같습니다. checked 확인란의 경우:

<입력의 유형=체크박스 확인했다> 

그러나 XML(따라서 XHTML) 구문에서는 값이 필요하며, 값으로 이름을 반복해야 합니다.

<입력 type="checkbox" 체크="checked" /> 

요소기준

HTML 요소는 1995년부터 IETF에 의해 처음에는 W3C에 의해 발행된 일련의 자유롭게 이용 가능한 개방형 표준으로 정의됩니다.

1990년대 브라우저 전쟁 동안 사용자 에이전트(예: 웹 브라우저)의 개발자들은 종종 자체 요소를 개발했으며, 그 중 일부는 이후 표준에 채택되었습니다. 다른 사용자 에이전트가 비표준 요소를 인식하지 못할 수 있으며, 이러한 요소는 무시되어 페이지가 제대로 표시되지 않을 수 있습니다.

1998년 XML(SGML의 단순화된 형태)은 XML 인식 사용자 에이전트와 함께 사용하기 위해 누구나 자신의 요소를 개발하고 XHTML 문서에 통합할 수 있도록 하는 메커니즘을 도입했습니다.[9]

그 후 HTML 4.01은 XML 호환 형식인 XHTML 1.0(eXtensible HTML)으로 다시 작성되었습니다. 각각의 요소는 동일하며 대부분의 경우 유효한 XHTML 1.0 문서가 유효하거나 거의 유효한 HTML 4.01 문서가 됩니다. 이 기사는 특별한 언급이 없는 한 실제 HTML에 주로 초점을 맞추고 있습니다. 그러나 XHTML에 적용할 수 있습니다. 둘 사이의 사소한 차이점에 대한 논의는 HTML을 참조하십시오.

요소현황

HTML의 첫 번째 버전 이후로, 몇몇 요소들은 구식이 되었고, 이후 표준에서 더 이상 사용되지 않거나 아예 나타나지 않으며, 이 경우 사용자 에이전트를 검증함으로써 유효하지 않은 요소로 판명될 것입니다.[10]

HTML 4.01 / XHTML 1.0에서 요소의 상태는 세 가지 유형의 DTD가 존재하기 때문에 복잡합니다.

  • 경과적인 것, 즉 감가상각된 요소가 포함되어 있지만 저자가 관행을 업데이트할 수 있는 경과적인 기간을 제공하기 위한 것입니다.
  • 프레임셋 문서 작성도 가능한 과도 DTD 버전인 프레임셋;
  • Strict는 HTML의 최신(1999년 기준) 형태입니다.

대신 HTML5는 표준화된 규범 콘텐츠와 함께 더 이상 사용되지 않는 기능 목록을 제공합니다. 구현 지침이 존재하는 "구시대적이지만 적합한" 것과 교체해야 하는 "부적합한" 것으로 나뉩니다.[11]

첫 번째 표준(HTML 2.0)에는 4개의 감가상각 요소가 포함되어 있으며, 그 중 하나는 HTML 3.2에서 유효하지 않습니다. HTML 4.01 Transitional에서는 네 가지 모두 유효하지 않으며, 이 또한 10개의 요소를 더 이상 사용하지 않습니다. HTML 4.01 Strict에서는 이 두 가지를 제외한 모든 것이 유효하지 않습니다. 프레임 요소는 트랜지션 및 프레임셋 DTD에 존재한다는 의미에서 여전히 현재 상태이지만, 기능이 크게 대체되었으며 사용자 접근성에 문제가 많기 때문에 향후 표준에서 보존할 계획이 없습니다.

(엄격하게 말하면, 가장 최근의 XHTML 표준인 XHTML 1.1(2001)은 프레임을 전혀 포함하지 않으며, 대략 XHTML 1.0 Strict와 동등하지만 Ruby 마크업 모듈도 포함합니다.)[12]

일반적인 혼란의 원인은 감가상각된 상태와 무효 상태, 그리고 미래에 공식적으로 감가상각될 것으로 예상되는 요소를 언급하기 위해 감가상각된 상태를 느슨하게 사용하는 것입니다.

콘텐츠 대 프레젠테이션 및 행동

HTML 4 이후 HTML은 점점 더 프레젠테이션(색상, 글꼴 크기 및 레이아웃)에서 콘텐츠(보이는 텍스트 및 이미지)를 분리하는 데 초점을 맞추고 있습니다.[13] 이것은 종종 우려의 분리라고 불립니다. HTML은 문서의 구조나 내용을 나타내는 데 사용되며, 문서의 프레젠테이션은 CSS 스타일 시트의 단독 책임으로 남아 있습니다. 기본 스타일 시트가 CSS 표준의 일부로 제안되어 HTML에 대한 기본 렌더링을 제공합니다.[14]

행동(상호작용성)은 또한 내용과 별개로 유지되며 스크립트에 의해 처리됩니다. 이미지는 텍스트와 별도로 별도의 그래픽 파일에 포함되지만 페이지 내용의 일부로 간주될 수도 있습니다.

우려 사항을 분리하면 문서를 다른 사용자 에이전트가 목적과 능력에 따라 제시할 수 있습니다. 예를 들어, 사용자 에이전트는 모니터에 표시하거나 종이에 인쇄하거나 오디오 전용 사용자 에이전트에서 음성 특성을 결정하여 문서를 표시할 적절한 스타일 시트를 선택할 수 있습니다. 마크업의 구조적 기능과 의미적 기능은 각각의 경우에 동일하게 유지됩니다.

과거에는 사용자 에이전트가 항상 이러한 기능을 지원하지 않았습니다. 1990년대에는 미봉책으로, 표현적 요소(예: <b> 그리고. <i>)는 상호 운용성과 사용자 접근성을 위한 문제를 만드는 비용으로 HTML에 추가되었습니다. 이것은 이제 구식으로 간주되며 스타일 시트 기반 디자인으로 대체되었습니다. 대부분의 표현 요소는 이제 더 이상 사용되지 않습니다.[15]

외부 이미지 파일은 다음과 같이 통합됩니다. <img /> 또는 <object /> 요소. (XHTML을 사용하면 외부 SVG 파일에 연결하는 것이 일반적으로 더 간단하지만, SVG 언어를 사용하여 문서 내에서 그래픽을 작성할 수도 있습니다.)[16] 이미지가 순수하게 장식적이지 않은 경우 HTML은 비시각적 사용자 에이전트를 위해 유사한 의미적 가치를 가진 대체 콘텐츠를 제공할 수 있도록 합니다.

HTML 문서는 스크립트를 사용하여 HTML 하이퍼링크 및 양식의 기능 이상의 추가 동작을 제공할 수도 있습니다.

원소들. <style> 그리고. <script>, 관련 HTML 특성을 사용하여 스타일시트와 스크립트를 제공합니다.

  • 문서 헤드에, <style /> 그리고. <script /> 공유된 외부 문서에 링크할 수도 있고, <style>...</style> 그리고. <script>...</script> 내장된 명령을 포함할 수 있습니다. (더. <link> 요소를 사용하여 스타일 시트를 연결할 수도 있습니다.)
  • <script /> 또는 <script>...</script> 문서의 임의의 지점(머리 또는 본문)에서 발생할 수 있습니다.
  • style 속성은 대부분의 문서 본문 요소에서 유효합니다(예: <div style="...">) 인라인 스타일 명령어를 포함합니다.
  • 스크립트에 대한 링크를 제공하는 이벤트 처리 특성은 대부분의 요소에서 선택 사항입니다.
  • 스크립트를 작동하지 않는 사용자 에이전트의 경우 <noscript>...</noscript> 요소는 적절한 경우 내장된 대체 콘텐츠를 제공하지만, 문서 헤드와 본문에서만 블록 수준 요소로 사용할 수 있습니다.

문서 구조 요소

<html>...</html>
HTML 문서의 루트 요소. 다른 모든 요소는 이 문서에 포함됩니다. HTML 요소는 HTML 문서의 시작과 끝을 구분합니다.
시작 태그와 종료 태그가 모두 생략될 수 있습니다(HTML5).[4]
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.

(하위 요소에 대해서는 문서 헤드 요소를 참조하십시오.)

HTML 문서에 대한 정보 및 메타데이터를 처리하기 위한 컨테이너입니다.
시작 태그와 끝 태그는 모두 생략되고 자식 요소(HTML5)에서 추론될 수 있습니다.[4]
HTML 5.0으로 표준화되어 있으며 최신 상태입니다.
<body></body>

(어린이 요소에 대해서는 본문 요소 문서를 참조하십시오.)

HTML 문서의 표시 가능한 내용에 대한 컨테이너입니다.
시작 태그와 끝 태그는 모두 생략되고 자식 요소(HTML5)에서 추론될 수 있습니다.[4]
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.

문서 헤드 요소

<base />
모든 상대에 대한 기본 URL을 지정합니다. href 그리고 문서의 다른 링크들도 있습니다. 외부 리소스를 참조하는 요소 앞에 나타나야 합니다. HTML은 하나만 허용합니다. <base> 각 문서의 요소. 이 요소에는 HTML 특성이 있지만 내용이 없습니다.
이 요소의 개발 버전(다음과 같이) BASE)는 HTML 태그에 언급되어 있으며, HTML 2.0으로 표준화되어 있으며, 현재 상태입니다.
<basefont /> (deprecated)
문서의 기본 글꼴 크기, 글꼴 및 색상을 지정합니다. 함께 사용 <font> 요소들. 스타일 시트를 선호하여 사용하지 않습니다.
HTML 3.2표준화되어 있고, HTML 4.0 Transitional에서 사용되지 않으며, HTML 4.0 Strict에서 사용되지 않습니다.
<isindex /> (deprecated)
<isindex> 문서 머리 또는 본문에 표시될 수 있지만 문서에는 한 번만 표시됩니다. 양식을 참조하십시오.
이전다음 링크 또는 대체 버전과 같은 다른 문서에 대한 링크를 지정합니다.[17] 일반적인 용도는 양식을 사용하여 외부 스타일 시트에 연결하는 것입니다. <link rel="stylesheet" type="text/css" href="url" title="description_of_style">.[18][18] 일반적이지만 중요한 사용법은 마이크로포맷을 사용하여 일관되게 내비게이션 힌트를 제공하는 것입니다. 다음과 같은 몇 가지 일반적인 관계가 정의되어 있으며, 이 관계는 웹 페이지에서 직접가 아니라 브라우저 인터페이스를 통해 사용자에게 노출될 수 있습니다. <link rel="next" href="url">. 문서의 <head> 요소는 임의의 개수를 포함할 수 있습니다. <link /> 요소들. 이 요소에는 HTML 특성이 있지만 내용이 없습니다.
LINK HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
<meta />

작성자, 출판 날짜, 만료 날짜, 언어, 페이지 제목, 페이지 설명, 키워드 또는 다른 헤더 요소 및 HTML 특성을 통해 제공되지 않는 기타 정보와 같은 문서에 대한 추가 메타데이터를 지정하는 데 사용할 수 있습니다. 그들의 일반적인 특성 때문에, <meta /> 요소는 연관 키-값 쌍을 지정합니다. 일반적으로 메타 요소는 문서에 대한 숨겨진 정보를 전달합니다. 여러 메타 태그를 사용할 수 있으며, 모두 헤드 요소에 중첩되어야 합니다. 각각의 구체적인 목적 <meta /> 요소는 속성에 의해 정의됩니다. XHTML 외부에서는 슬래시 없이 제공되는 경우가 많습니다.<meta>), 보이드 원소임에도 불구하고.

한 가지 형태로, <meta /> 요소는 실제 콘텐츠 이전에 웹 서버에서 보내야 하는 HTTP 헤더를 지정할 수 있습니다. 예를들면, <meta http-equiv="foo" content="bar" /> 페이지에 다음과 같은 HTTP 헤더가 제공되어야 함을 지정합니다. foo 그것은 가치가 있습니다. bar.

일반적인 형태로는 a <meta /> 요소는 지정합니다. name 관련된 content HTML 페이지의 측면을 설명하는 HTML 특성입니다. 모호성을 방지하기 위해 선택적인 세 번째 속성, scheme, 키의 의미와 그 값을 정의하는 의미론적 프레임워크를 지정하기 위해 제공될 수 있습니다. 예를 들어, 인 <meta name="foo" content="bar" scheme="DC" /><meta /> 요소는 자신이 다음을 포함하는 것으로 식별합니다. foo 원소, 값은 다음과 같습니다. bar , DC 또는 Dublin Core 리소스 설명 프레임워크에서 제공됩니다.
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.
<object>...</object>
문서 머리글 내에 일반 개체를 포함하는 데 사용됩니다. a 내에서는 거의 사용되지 않지만 <head> 요소, 외부 데이터를 추출하고 현재 문서와 연결하는 데 잠재적으로 사용될 수 있습니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<script>...</script>
스크립트 명령의 컨테이너 역할을 하거나 옵션을 사용하여 외부 스크립트에 연결할 수 있습니다. src 속성[19] 또한 문서 본문에서 블록 또는 인라인 콘텐츠를 모두 동적으로 생성할 수 있습니다.
HTML 3.2표준화되어 있으며 최신 상태입니다.
<style>...</style>
문서에 대한 CSS 스타일을 지정합니다(일반적으로 형식). <style type="text/css"> ... </style>. 스타일 명령을 위한 컨테이너 역할을 하거나 외부 스타일 시트에 링크할 수 있습니다. 예를 들어 CSS에서는 다음과 같이 사용할 수 있습니다. @import 양식의 지시서,[20] <style> @import url; </style>
HTML 3.2표준화되어 있으며 최신 상태입니다.
<title>...</title>
이 태그는 문서 제목을 정의합니다. 모든 HTMLXHTML 문서에 필요합니다. 사용자 에이전트는 제목을 다른 방식으로 사용할 수 있습니다. 예:
  • 웹 브라우저는 보통 창이 열려 있을 때 창 제목 표시줄에 표시하고, 창이 최소화될 때 (해당되는 경우) 작업 표시줄에 표시합니다.
  • 페이지를 저장할 때 기본 파일 이름이 될 수 있습니다.
  • 웹 페이지에서 <title> 요소를 한 번만 사용할 수 있으며, 다른 페이지를 만들 때 새 제목을 가진 다른 <title> 요소를 다시 사용합니다(웹 사이트의 모든 제목 태그에 동일한 이름을 사용하지 마십시오. 검색 엔진에 문제가 있을 수 있습니다).
  • 웹 검색 엔진의 웹 크롤러는 제목에 사용된 단어에 특히 주의를 기울일 수 있습니다.
<title> 요소에 다른 요소가 포함되지 않아야 하며 텍스트만 포함해야 합니다. 단 하나. <title> 요소는 문서에서 허용됩니다.
HTML 태그에 존재하며 HTML 2.0으로 표준화되었으며 현재도 존재합니다.

문서 본문 요소

시각적 브라우저에서 표시 가능한 요소는 블록 또는 인라인으로 렌더링할 수 있습니다. 모든 요소가 문서 시퀀스의 일부이지만 블록 요소는 상위 요소 내에 나타납니다.

  • 선을 넘지 않는 직사각형 물체.
  • 블록 여백, 너비 및 높이 속성을 사용하여 주변 요소와 독립적으로 설정할 수 있습니다.

반대로 인라인 요소는 문서 텍스트 흐름의 일부로 취급됩니다. 여백, 너비 또는 높이를 설정할 수 없으며 선 간에 구분됩니다.

블록 요소

블록 요소 또는 블록 수준 요소는 직사각형 구조입니다. 기본적으로 이러한 요소는 상위 요소의 전체 너비에 걸쳐 있으며 따라서 다른 요소가 배치된 것과 동일한 수평 공간을 차지하는 것을 허용하지 않습니다.

블록 요소의 직사각형 구조를 흔히 박스 모델이라고 하며, 여러 부분으로 구성됩니다. 각 요소에는 다음이 포함됩니다.

  • 요소의 내용은 요소의 여는 태그와 닫는 태그 사이에 배치된 실제 텍스트(또는 기타 미디어)입니다.
  • 요소의 패딩은 콘텐츠 주변의 공간이지만 여전히 요소의 일부를 형성합니다. 패딩을 사용하여 두 요소 사이에 공백을 만들지 않아야 합니다. 요소에 할당된 배경 스타일(예: 배경 이미지 또는 색상)은 패딩 내에서 볼 수 있습니다. 요소의 패딩 크기를 늘리면 이 요소가 차지할 공간이 늘어납니다.
  • 요소의 경계는 요소의 절대 끝이며 해당 요소의 둘레에 걸쳐 있습니다. 테두리의 두께는 요소의 크기를 증가시킵니다.
  • 요소의 여백은 요소를 둘러싸고 있는 흰색 공간입니다. 일부 고급 CSS 배치에 의해 강제되지 않는 한 다른 요소의 내용, 패딩 및 테두리는 이 영역에 들어갈 수 없습니다. 대부분의 표준 DTD를 사용하면 다른 요소의 좌우 여백이 서로 밀어냅니다. 그러나 요소의 상단 또는 하단의 여백은 쌓이지 않거나 혼합됩니다. 이는 이 요소들 사이의 하얀 공간이 이 요소들 사이의 더 큰 여백만큼 크다는 것을 의미합니다.

위 섹션은 CSS 렌더링의 세부 구현만을 의미하며 HTML 요소 자체와는 관련이 없습니다.

기본 텍스트

<p>...</p>
가장 일반적인 블록 수준 요소인 단락을 만듭니다.
P HTML 태그에 존재하며 HTML 2.0으로 표준화되었으며 현재도 존재합니다.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
여러 수준의 섹션 제목. h1 가장 높은 수준의 표제어를 구분합니다. h2 다음 레벨 다운(하위 섹션), h3 그 이하의 수준을 위해, 그리고 기타 등등. h6. 그들은 때때로 집합적으로 다음과 같이 언급됩니다. hn 태그, n은 사용 가능한 표제 수준을 의미합니다. 대부분의 시각적 브라우저는 기본적으로 제목을 큰 굵은 텍스트로 표시하지만 CSS에서는 이를 무시할 수 있습니다. 제목 요소는 단순히 크거나 굵은 텍스트를 만들기 위한 것이 아닙니다. 실제로 텍스트를 명시적으로 스타일링하는 데 사용해서는 안 됩니다. 오히려 문서의 구조와 조직을 설명합니다. 일부 프로그램은 개요와 목차를 생성하는 데 사용합니다.
표제어는 HTML 태그에 존재하며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.

목록

<dl>...</dl>
설명 목록(일명 연관 목록 또는 정의 목록)은 이름-값 그룹으로 [21]구성되며 HTML5 이전에는 정의 목록으로 알려져 있습니다.[22] 설명 목록은 "용어 및 정의, 메타데이터 주제 및 값, 질문 및 답변 또는 이름-값 데이터의 기타 그룹" 그룹을 대상으로 합니다.[23]
DL HTML 태그에 존재하며 HTML 2.0으로 표준화되었으며 현재도 존재합니다.
<dt>...</dt>
설명 목록의 이름(이전 정의 목록의 정의 용어).
DT HTML 태그에 존재하며 HTML 2.0으로 표준화되었으며 현재도 존재합니다.
<dd>...</dd>
설명 목록의 값(이전 정의 목록의 정의 데이터).
DD HTML 태그에 존재하며 HTML 2.0으로 표준화되었으며 현재도 존재합니다.
<ol>...</ol>
순서화된(숫자화된) 목록입니다.type 속성을 사용하여 목록에서 사용할 마커의 종류를 지정할 수 있지만 스타일 시트는 더 많은 제어 기능을 제공합니다. 기본값은 아랍어 번호입니다. HTML 특성에서: ; 또는 CSS 선언에서: – 치환 foo 다음 중 하나를 사용합니다.
  • A, B, C... – HTML 값: A; CSS 값: upper-alpha
  • a, b, c ... – HTML 값: a; CSS 값: lower-alpha
  • I, II, III... – HTML 값: I; CSS 값: upper-roman
  • i, ii, iii ... – HTML 값: i; CSS 값: lower-roman
  • 1, 2, 3 ... – HTML 값: 1; decimal
CSS는 다음과 같은 몇 가지 다른 옵션을 pure-HTML 마크업으로 사용할 수 없습니다. none, CJK, 히브리어, 조지아어, 아르메니아어 스크립트 옵션이 있습니다. 이 속성은 HTML 3.2 및 4.01에서는 사용되지 않지만 HTML 5에서는 사용되지 않습니다.
OL HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
<ul>...</ul>
순서가 지정되지 않은(차단된) 목록입니다. 목록 항목 마커의 유형은 HTML 특성으로 지정하거나 CSS 선언으로 지정할 수 있습니다. – 치환 foo 다음 중 하나를 사용합니다(HTML과 CSS에서 동일한 값이 사용됨). disc (기본값) square, 또는 circle. HTML5에서는 CSS 메서드만 지원되며 HTML 3.2 및 4.01에서는 속성이 사용되지 않습니다. CSS는 또한 다음을 제공합니다. none, 그리고 이 총알들을 맞춤형 이미지로 대체할 수 있는 능력도 있습니다.
UL HTML 태그에 존재하며 HTML 2.0으로 표준화되었으며 현재도 존재합니다.
<li>...</li>
순서대로 나열된 목록 항목(ol) 또는 미주문(ul) 목록을 작성합니다.
LI HTML 태그에 존재하며 HTML 2.0으로 표준화되었으며 현재도 존재합니다.
<dir>...</dir> (deprecated)
디렉토리 목록입니다. 이 요소의 원래 목적은 결코 널리 지지되지 않았습니다. 다음을 위해 사용하지 않는 것입니다. <ul>.
DIR HTML 태그에 존재하며 HTML 2.0으로 표준화되어 있고 HTML 4.0 Transitional에서 사용되지 않으며 HTML 4.0 Strict에서 유효하지 않습니다.

기타 블록 요소

<address>...</address>
문서 작성자의 연락처 정보입니다.
ADDRESS HTML 태그에 존재하며 HTML 2.0으로 표준화되었으며 현재도 존재합니다.
<article>...</article>
기사 및 기타 유사한 콘텐츠에 사용됩니다.
HTML5표준화되어 있습니다.
<aside>...</aside>
메인 페이지 내용과 별도의 문서 내용(예: 사이드바 또는 광고)에 사용됩니다.
HTML5표준화되어 있습니다.
<blockquote>...</blockquote>

인용문에 블록 수준 요소(예: 단락)가 포함된 경우에 대한 블록 수준 인용문입니다.cite 속성(요소와 혼동하지 않음)은 소스를 제공할 수 있으며, 완전한 정규화된 Uniform Resource Identifier여야 합니다.

시각적 브라우저에서 기본적으로 블록 견적을 표시하는 것은 일반적으로 양쪽 여백에서 블록 견적을 삽입하는 것입니다. 이로 인해 의미론에 관계없이 요소는 단락을 들여놓는 데만 불필요하게 사용되었습니다. 블록 수준 요소를 포함하지 않는 인용문은 인용문()<q> 요소를 참조하십시오.
BLOCKQUOTE HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다. 자세한 내용은 블록 인용 요소를 참조하십시오.
<center>...</center> (deprecated)
블록 수준의 중앙 정렬 구분을 만듭니다. 스타일 시트를 사용하여 중앙에 정의된 다른 요소를 선호하여 사용하지 않습니다.
HTML 3.2표준화되어 있고, HTML 4.0으로 권장되지 않으며, HTML5지원되지 않습니다.
<del>...</del>
내용의 삭제된 섹션을 표시합니다. 이 요소는 인라인으로도 사용할 수 있습니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<div>...</div>
블록 수준의 논리적 분할입니다. 일반적으로 스타일시트 또는 DOM 호출에 의해 제어되는 프레젠테이션 또는 동작과 같은 목적으로 문서 섹션을 구별하는 데 사용되는 의미적 의미가 없는 일반 요소입니다.
HTML 3.0 초안에서 제안됨; HTML 3.2표준화됨; 현재 상태임.
<figure>...</figure>
이미지 및 캡션을 그룹화하는 데 사용됩니다. <figcaption>.
HTML5표준화되어 있습니다.
<figcaption>...</figcaption>
이미지의 캡션입니다. 항상 내부에 배치됩니다. <figure> 요소
HTML5표준화되어 있습니다.
문서 바닥글에 사용됩니다. 여기에는 저자 또는 저작권 정보 또는 다른 페이지에 대한 링크가 포함될 수 있습니다.
HTML5표준화되어 있습니다.
문서 머리글에 사용됩니다. 일반적으로 페이지를 소개하는 내용이 포함되어 있습니다.
HTML5표준화되어 있습니다.
<hr />
주제별 브레이크(원래는 수평 규칙). 스타일 시트로 표현 규칙을 그릴 수 있습니다.
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.
<ins>...</ins>
삽입된 내용의 섹션을 표시합니다. 이 요소는 인라인으로도 사용할 수 있습니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<main>...</main>
문서의 주요 내용을 포함합니다.
HTML 5.1표준화되어 있습니다.
HTML 2.0: 메뉴 목록입니다. a보다 컴팩트해야 함 <ul> 목록.
MENU HTML 태그에 존재하며 HTML 2.0으로 표준화되었습니다. HTML 4.0 Transitional에서 사용하지 않음; HTML 4.0 Strict에서 사용하지 않음; HTML 5에서 재정의됨, HTML 5.2에서 제거됨, 그러나 2019년 HTML Living Standard에 포함됨.
기사의 탐색 섹션(다른 웹 페이지에 대한 링크를 포함하는 웹 페이지 영역)에서 사용됩니다.
HTML5표준화되어 있습니다.
<noscript>...</noscript>
스크립트의 대체 내용입니다. 스크립트와 달리 이것은 블록 수준 요소로만 사용할 수 있습니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<pre>...</pre>
미리 포맷된 텍스트입니다. 이 요소 내의 텍스트는 일반적으로 파일에 정확히 나열된 대로 비례하지 않는 글꼴로 표시됩니다(ASCII 아트 참조). 브라우저가 다른 HTML 요소에 대해 화이트스페이스를 무시하는 반면, <pre>...</pre>, 화이트스페이스는 작성된 대로 렌더링해야 합니다. (CSS 속성을 사용하여: { white-space: pre; font-family: monospace; }, 다른 요소들도 같은 방법으로 제시할 수 있습니다.) 이 요소에는 , , , , , 및 를 제외한 모든 인라인 요소가 포함될 수 있습니다.
PRE HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
<section>...</section>
문서의 일반 섹션에 사용됩니다. 이는 W3C가 유사한 주제의 콘텐츠 그룹으로 정의하는 페이지의 섹션만 포함하는 데 사용된다는 점과 다릅니다.
HTML5표준화되어 있습니다.
<script>...</script>
문서에 스크립트를 배치합니다. 머리와 인라인 컨텍스트에서도 사용할 수 있습니다. 다음과 같이 사용할 수 있습니다. <script /> 와 함께 src 스크립트를 로드하거나 사용할 URL을 제공할 속성 <script>...</script> 내장된 스크립트 콘텐츠에 대해 설명합니다. 참고: <script> 는 블록이나 인라인 요소 자체가 아닙니다. 그 자체로는 전혀 표시되지 않아야 하지만 블록이나 인라인 콘텐츠를 모두 동적으로 생성하기 위한 명령을 포함할 수 있습니다.
HTML 3.2표준화되어 있으며 최신 상태입니다.

인라인 요소

인라인 요소는 내부에 직접 배치할 수 없습니다. <body> element; 블록 수준 요소 내에 완전히 중첩되어야 합니다.[24]

앵커.

<a>...</a>

앵커 요소는 웹 디자이너가 웹 페이지의 일부 텍스트에 URL을 "앵커"하는 데 사용할 수 있기 때문에 앵커 요소라고 불립니다. 사용자는 브라우저에서 웹 페이지를 볼 때 텍스트를 클릭하여 링크를 활성화하고 URL이 링크에 있는 페이지를 방문할 수 있습니다.[25]

HTML에서 앵커하이퍼링크원점(앵커 텍스트) 또는 대상(대상) 끝일 수 있습니다.

속성과 함께 href,[26]앵커는[26] 외부 URL을 사용하여 문서의 다른 부분 또는 다른 리소스(예: 웹페이지)에 대한 하이퍼링크가 됩니다. 또는 (그리고 때로는 동시에), name 또는 id HTML 특성이 설정되면 요소가 링크 대상이 됩니다. URL(Uniform Resource Locator)은 조각 식별자를 통해 이 대상에 연결할 수 있습니다. HTML5에서는 이제 다음을 사용하여 모든 요소를 대상으로 만들 수 있습니다. id 속성,[27] 따라서 사용 <a name="foo">...</a> 앵커를 추가하는 이러한 방법은 계속 작동하지만 꼭 필요한 것은 아닙니다.

설명하자면, 의 홈페이지에 있는 목차 섹션의 헤더는 다음과 같이 작성하여 대상으로 만들 수 있습니다. <h2><a name="contents">Table of contents</a></h2>.

이 예를 계속하면 섹션이 대상으로 표시되었으므로 다음과 같은 링크를 통해 외부 사이트에서 참조할 수 있습니다. <a href="http://example.com#contents">see contents</a>;

또는 다음과 같은 동일한 페이지에 링크가 있습니다. <a href="#contents">contents, above</a>.

속성. title 링크에 대한 간략한 정보를 제공하도록 설정할 수 있습니다. <a href="URL" title="additional information">link text</a>.

대부분의 그래픽 브라우저에서 커서가 링크 위를 맴돌 때 커서는 검지를 뻗은 손으로 바뀌고 title 값은 툴팁 또는 다른 방식으로 표시됩니다. 일부 브라우저는 동일한 방식으로 대체 텍스트를 렌더링하지만 사양에서 요구하는 것은 아닙니다.

A HTML 태그에 존재하며 HTML 2.0으로 표준화되어 있습니다.

구문 요소

구문 요소는 구문을 표시하고 텍스트 조각에 구조 또는 의미 의미를 추가하는 데 사용됩니다. 예를 들면. <em> 그리고. <strong> 태그는 텍스트에 강조 표시를 추가하는 데 사용할 수 있습니다.

일반
<abbr>...</abbr>
약어를 표시하고 전체 양식을 사용할 수 있습니다. <abbr title="abbreviation">abbr.</abbr>
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<acronym>...</acronym> (deprecated)
이와 유사합니다. <abbr> 요소이지만 두문자를 표시합니다. <acronym title="Hyper-Text Mark-up Language">HTML</acronym>
HTML 4.0으로 표준화되어 있으며, HTML5에서는 지원되지 않습니다. 권장되는 교체 방법은 다음과 같습니다. abbr 꼬리표를 [28]달다
<dfn>...</dfn>
단일 용어의 인라인 정의입니다.
DFN HTML 인터넷 초안 1.2에 존재하며 HTML 3.2에 완전히 표준화되어 있습니다.
<em>...</em>
강조(이탤릭체로 표시됨)
EM HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
<strong>...</strong>
중요성; 원래 강한 강조점(전통적으로 굵은 글씨로 표시됨). 청각적 사용자 에이전트는 강조를 위해 다른 목소리를 사용할 수 있습니다.
STRONG HTML 인터넷 초안 1.2에 존재하며 HTML 2.0으로 표준화되었으며, 현재도 HTML5로 재정의되었습니다.
컴퓨터 구문 요소

이러한 요소는 주로 소스 코드의 차별화를 통한 컴퓨터 코드 개발 및 사용자 상호 작용을 문서화하는 데 유용합니다.<code>), 변수(<var>), 사용자입력(<kbd>) 및 터미널 또는 기타 출력(<samp>).

<code>...</code>
코드 스니펫(code example). 일반적으로 모노 스페이스 폰트로 렌더링됩니다.
CODE HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
<kbd>...</kbd>
키보드 – 사용자()kbd example가 입력할 텍스트입니다.
KBD HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
<samp>...</samp>
샘플 출력 – 프로그램 또는 스크립트의 출력: ()samp example
SAMP HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
<var>...</var>
변수(var example).
VAR HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.

발표

시각적 표현 마크업은 시각적 브라우저에만 직접 적용되므로 사용이 권장되지 않습니다. 대신 스타일 시트를 사용해야 합니다. 이러한 요소 중 일부는 HTML 4 / XHTML 1.0에서 사용되지 않거나 유효하지 않으며 나머지는 XHTML 2.0의 현재 초안에서 유효하지 않습니다. 그러나 HTML5의 현재 초안은 다음을 포함합니다. <s>, <u>,그리고. <small>, 각각에게 새로운 의미를 부여합니다. HTML5 문서에서 이러한 요소는 의미론적으로 올바른 경우 더 이상 사용하지 않습니다.

<b>...</b>
HTML 4에서 가능한 한 글꼴을 굵은 글씨로 설정합니다. 동등한 CSS: { font-weight: bold; }.그 <strong> 요소는 일반적으로 HTML 4.01 아래에서 시각적 브라우저에서 동일한 효과를 가질 뿐만 아니라 더 많은 의미를 갖습니다. 하지만 HTML5에서는 <b> 의 의미와는 구별되는 고유의 의미를 가지고 있습니다. <strong>. 이것은 "특별한 중요성을 전달하지 않고 다른 목소리나 분위기의 암시 없이 실용적인 목적으로 관심을 끌고 있는 텍스트"를 의미합니다.[29]
B HTML 인터넷 초안 1.2에 존재하며 HTML 2.0으로 표준화되었으며, 현재도 HTML5로 재정의되었습니다.
<i>...</i>
HTML 4에서 가능하면 글꼴을 이탤릭체로 설정합니다. 동등한 CSS: { font-style: italic; }.사용. <em>...</em> HTML 4.01 하에서 대부분의 브라우저에서 동일한 시각적 효과를 가질 뿐만 아니라 강조와 같은 의미를 갖습니다. (순수하게 타이포그래픽 이탤릭체는 HTML 5가 더 명시적으로 인식됨에 따라 강조하지 않는 목적이 많습니다.) 하지만 HTML5에서는 <i> 의 의미와는 구별되는 독자적인 의미를 가지고 있습니다. <em>. 생각, 배 이름, 이진 이름, 외국어 문구 등과 같이 "다른 품질의 텍스트" 또는 "대체 목소리 또는 분위기"를 나타냅니다.[30]
I HTML 인터넷 초안 1.2에 존재하며 HTML 2.0으로 표준화되었으며, 현재도 HTML5로 재정의되었습니다.
<u>...</u>
HTML 4에서 밑줄 친 텍스트. 동등한 CSS: { text-decoration: underline; }. HTML 4.01에서는 사용하지 않습니다. HTML5로 복원. HTML5로 복원. <u> 요소(element)는 "문자를 중국어 텍스트의 고유 이름(중국어 고유 이름 표시)으로 라벨링하거나 철자가 틀린 것으로 라벨링하는 등, 명시적으로 렌더링되지만 텍스트가 아닌 주석이 있는 텍스트 범위"를 나타냅니다. HTML5 사양은 개발자들에게 다른 요소들이 거의 항상 더 적절하다는 것을 알려줍니다. <u> 설계자에게 하이퍼링크와 혼동될 수 있는 밑줄 친 텍스트를 사용하지 말 것을 권고합니다.[31]
U HTML 인터넷 초안 1.2에 존재하며 HTML 3.2에서 표준화되었지만 HTML 4.0 Transitional에서는 사용되지 않았으며 HTML 4.0 Strict에서는 유효하지 않습니다. HTML5재도입되었습니다.
<small>...</small>
HTML 4에서 글자 크기 감소(글자 수가 작음). 동등한 CSS: { font-size: smaller; } HTML5에서는 <small> 요소는 "작은 활자와 같은 측면 주석"을 나타냅니다.[32] 이것은 그들과 약간의 혼란을 야기시켰습니다. <aside>...</aside> 요소
HTML 3.2표준화되어 있으며 최신 상태입니다.
<s>...</s>
HTML 4에서 스트라이크 스루 텍스트(Strike through)를 표시하고 다음과 같습니다. <strike>. HTML5에서는 <s> 요소는 "더 이상 정확하지 않거나 더 이상 관련이 없는" 정보를 나타내며, 혼동하지 않습니다. <del>, 제거/deletion를 나타냅니다.
S HTML 4.0 Transitional(이전 표준에 나타나지 않음)에서는 사용되지 않았으며 HTML 4.0 Strict에서는 유효하지 않습니다. HTML5재도입되었지만, 대신 사용되지 않음 <strike>.
<big>...</big> (deprecated)
글자 크기가 늘어났습니다( 텍스트). 동등한 CSS: { font-size: larger; }
HTML 3.2표준화되어 있으며 HTML5에서는 지원되지 않습니다.
<strike>...</strike> (deprecated)
스트라이크 스루 텍스트(스트라이크 스루), (동일 CSS: { text-decoration: line-through; })
STRIKE HTML 3.2에서 표준화되었고, HTML 4.0 Transitional에서 사용되지 않으며, HTML 4.0 Strict에서 유효하지 않습니다.
<tt>...</tt> (deprecated)
고정 너비 글꼴(타자기(typewriter-like), 텔레타이프(tte)라고도 하며, 따라서 "tt"라고도 합니다. { font-family: monospace; })
TT HTML 인터넷 초안 1.2에 존재하며 HTML 2.0에서 표준화되었으며 HTML5에서는 지원되지[34] 않습니다. 대체 가능한 것: 사용자 입력을 표시하기 위한 것, 변수(일반적으로 이탤릭체로 렌더링됨), 소스 코드, 출력을 위한 것입니다.[34]
<font>...</font> (deprecated)
<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> 를 사용하여 글꼴 색상을 지정할 수 있습니다. color 특성(미국식 철자 참고), 다음을 사용하여 입력합니다. face 속성, 그리고 절대 또는 상대적인 크기는 다음과 같습니다. size 기여하다. 예(모든 용도는 권장되지 않으며 가능한 경우 CSS 등가물을 사용합니다):
  • <font color="green">text</font> 녹색 텍스트를 만듭니다.
  • <font color="#114499">text</font> 16진수 색상 #114499로 텍스트를 만듭니다.
  • <font size="4">text</font> 크기가 4인 텍스트를 만듭니다. 사이즈는 1에서 7까지입니다. 표준 크기는 <본체> 또는 기타 태그에 달리 명시되지 않는 한 3입니다.
  • <font size="+1">text</font> 표준보다 크기가 1인 텍스트를 만듭니다. <font size="-1">text</font> 반대입니다.
  • <font face="Courier">text</font> Courier 글꼴로 텍스트를 만듭니다.
글꼴 특성에 대한 동등한 CSS:
  • <font size="N"> 에 해당하는 {font-size: Yunits} (HTML 사양은 크기의 관계를 정의하지 않습니다. N 단위 크기의 Y, 단위를 정의하지 않습니다.
  • <font color="red"> 에 해당하는 { color: red; }
  • <font face="Times New Roman"> 에 해당하는 { font-family: 'Times New Roman', Times, serif; } – CSS는 두 개 이상의 대체 글꼴로 구성된 글꼴 스택을 지원합니다.
HTML 3.2표준화되어 있고, HTML 4.0 Transitional에서 사용되지 않으며, HTML 4.0 Strict에서 사용되지 않습니다. HTML5의 일부가 아닙니다.

기간

<span>...</span>
인라인 논리적 분할입니다. 일반적으로 스타일시트 또는 DOM 호출에 의해 제어되는 프레젠테이션 또는 동작과 같은 목적으로 문서 섹션을 구별하는 데 사용되는 의미적 의미가 없는 일반 요소입니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.

기타 인라인 요소

<br />
강제로 줄을 끊은 겁니다.
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.
<bdi>...</bdi>
방향성을 알 수 없는 사용자가 생성한 내용과 같이 텍스트 외부의 다른 텍스트와 다른 방향으로 포맷할 수 있는 텍스트의 인라인 섹션을 격리합니다.
HTML5표준화되어 있습니다.
<bdo>...</bdo>
판독 방향이 상위 요소의 판독 방향과 반대인 텍스트의 인라인 섹션을 표시합니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<cite>...</cite>
문서의 인용문 또는 진술문에 대한 인용문 또는 참조.
CITE는 HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
참고: HTML 5 사양은 이 요소를 [35]포함하여 혼란스럽게 분류되었습니다. HTML 4 이전에. <cite> 특별한 제한이나 요구 사항 없이 "인용 또는 다른 출처에 대한 참조"를 위한 것이었습니다.[36] W3C HTML 5 사양은 이 아이디어를 개선한 것으로, 이 요소가 역사적으로 어떻게 사용되었는지를 반영하지만, 현재는 "작품의 제목 또는 작가(사람, 사람 또는 조직)의 이름 또는 URL 참조 중 적어도 하나를 포함(그러나 이에 국한되지는 않음)하도록 요구하고 있습니다. 또는 인용 메타데이터의 추가에 사용된 규약에 따라 축약된 형태의 참조."[37] 그러나 WHATWG 사양은 해당 요소를 작품 제목 주변에서만 사용할 수 있도록 허용합니다.[38] W3C 사양은 더 넓은 정의로 시작했다가 WHATWG가 이러한 변경을 한 후 매우 좁은 정의로 전환했습니다. 그러나 W3C는 2012년 개발자 커뮤니티의 부정적인 피드백에 따라 자체 변경 사항을 되돌렸습니다. 예를 들어 다양한 블로그 및 포럼 플랫폼에서 댓글 작성자의 ID와 이메일 주소를 랩하는 등 광범위하게 사용되었습니다. <cite>...</cite>, 그리고 서지 인용을 위해 요소를 사용하는 사람들은 일상적으로 이 요소의 각 인용을 포장했습니다(그리고 지금도 그렇습니다). 이 요소의 또 다른 문제는 WHATWG가 기본적으로 이탤릭체로 표시할 것을 권장한다는 것입니다. (따라서 거의 모든 브라우저가 이탤릭체로 표시합니다.) 이는 게시 제목만을 위한 것이기 때문입니다. 그러나 관례에 따라 특정 종류의 제목만 실제로 이탤릭체를 사용하고 다른 제목은 따옴표로 표시될 것으로 예상되며 실제로 출판 맥락과 언어에 따라 기준이 다를 수 있습니다. 따라서 많은 웹 사이트 작성자와 관리자는 사이트 전체 스타일시트를 사용하여 이 요소의 자동 이탤릭체를 취소합니다.
<data>...</data>
인라인 콘텐츠를 기계로 읽을 수 있는 번역과 연결합니다.
HTML5표준화되어 있습니다.[39]
<del>...</del>
삭제된 텍스트. 일반적으로 스트라이크 스루(Strike through)로 렌더링됩니다. 삭제된 텍스트입니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<ins>...</ins>
텍스트를 삽입했습니다. 충격을 가한 재료의 대체 텍스트를 표시하는 데 자주 사용됩니다. <del> 또는 <s>. 일반적으로 밑줄 표시: 텍스트를 삽입했습니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
둘다요. <ins> 그리고. <del> 요소는 다른 블록 요소와 인라인 요소를 포함하는 블록 요소로도 사용될 수 있습니다. 그러나 이러한 요소는 여전히 상위 요소 내에 완전히 남아 있어야만 잘 형성된 HTML 문서를 유지할 수 있습니다. 예를 들어, 다른 여러 단락에 걸쳐 한 단락의 중간에서 텍스트를 삭제하고 마지막 단락으로 끝나는 경우 세 개의 개별적인 사용이 필요합니다. <del> 요소들. 두명 <del> 요소는 첫 번째 단락과 마지막 단락의 텍스트 삭제를 나타내는 인라인 요소로 필요하고, 세 번째 단락은 블록 요소로 사용하여 중간 단락의 삭제를 나타내는 것입니다.
<mark>...</mark>
이렇게 보이는 텍스트를 생성합니다. 인용문에서 관련 텍스트를 강조 표시하기 위한 것입니다.
HTML5표준화되어 있습니다.
<q>...</q>
인라인 견적(블록 수준 견적의 경우 참조) <blockquote>). 따옴표 요소가 중첩될 수 있습니다. <q> 스타일 시트와 함께 자동으로 따옴표를 생성해야 합니다. 브라우저 미준수로 인한 실질적인 문제로 인해 저자가 해결 방법을 찾아야 할 수도 있습니다.cite 속성은 소스를 제공하며, 정규화된 URI여야 합니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
참고: 긴 인라인 인용문은 들여쓰기된 블록으로 표시될 수 있습니다. block-quote) 스타일시트를 사용합니다. 예를 들어, 다음과 관련된 적절한 CSS 규칙과 함께 q.lengthy: <q class="lengthy">Lengthy quote here.</q>
<rb>...</rb>
루비 주석의 기본 구성 요소를 나타냅니다.
HTML5표준화되어 있습니다.[40]
<rp>...</rp>
루비 주석 지원이 부족한 브라우저에 대해 폴백 괄호를 제공합니다.
HTML5표준화되어 있습니다.[41]
<rt>...</rt>
루비 주석에 있는 문자의 발음을 나타냅니다.
HTML5표준화되어 있습니다.[42]
<rtc>...</rtc>
루비 주석에 대한 의미 주석입니다.
HTML5표준화되어 있습니다.[43]
<ruby>...</ruby>
동아시아 문자의 발음을 표시하기 위한 루비 주석을 나타냅니다.
HTML5표준화되어 있습니다.[44]
<script>...</script>
문서에 스크립트를 배치합니다. 머리와 블록 컨텍스트에서도 사용할 수 있습니다. 참고: <script> 는 블록이나 인라인 요소 자체가 아닙니다. 그 자체로는 전혀 표시되지 않아야 하지만 블록이나 인라인 콘텐츠를 모두 동적으로 생성하기 위한 명령을 포함할 수 있습니다.
HTML 3.2표준화되어 있으며 최신 상태입니다.
<sub>...</sub>
<sup>...</sup>
표시 또는 텍스트. (동등 CSS: { vertical-align: sub; } 그리고. { vertical-align: super; }, 각각.)
둘 다 HTML 3.0 초안으로 제안되었습니다. HTML 3.2표준화되었습니다. 현재도 그렇습니다.
<template>...</template>
스크립트에서 복사할 코드 조각입니다.
HTML5표준화되어 있습니다.[45]
<time>...</time>
24시간 시계의 시간 또는 그레고리안 달력의 날짜(선택적으로 시간 및 시간대 정보)를 나타냅니다. 또한 시간과 날짜를 기계로 읽을 수 있는 형식으로 나타낼 수 있습니다.
HTML5표준화되어 있습니다.[46]
<wbr />
선택적 단어 중단입니다.
HTML5에서 최종적으로 표준화되기 전까지 비표준임에도 불구하고[timeframe?] 수년간 널리 사용(및 모든 주요 브라우저에서 지원)[citation needed]되었습니다.[47]

이미지 및 개체

<applet>...</applet> (deprecated)
페이지에 Java 애플릿을 내장합니다. 을 선호하여 감가상각되었습니다. <object>, 자바 애플릿에서만 사용할 수 있고 접근성에 제한이 있었기 때문입니다.
HTML 3.2표준화되어 있고, HTML 4.0 Transitional에서 사용되지 않으며, HTML 4.0 Strict에서 사용되지 않습니다. 2011년 현재, 여전히 교체의 구현으로 널리 사용되고 있습니다. <object> 서로 다른 브라우저 간에 일치하지 않습니다.
<area />
초점을 맞출 수 있는 영역을 지정합니다. <map>.
HTML 3.2표준화되어 있으며 최신 상태입니다.
<audio>...</audio>
재생 가능한 HTML5 오디오를 페이지에 추가합니다. 오디오 URL은 다음을 사용하여 결정됩니다. src 기여하다. 지원되는 오디오 형식은 브라우저마다 다릅니다.
HTML5표준화되어 있습니다.
<canvas>...</canvas>
JavaScript로 내용을 편집할 수 있는 캔버스를 추가합니다. 온라인 게임에 자주 사용됩니다.
HTML5표준화되어 있습니다.
<embed>...</embed>
비표준 개체(예: 애플릿) 또는 외부 내용(일반적으로 비HTML)을 문서에 삽입합니다.
HTML 4에서 사용하지 않는 것을 선호합니다. <object>, 하지만 HTML5 사양에[48][49] 다시 추가되었습니다.
<img />
시각적 사용자 에이전트가 문서에 이미지를 삽입하는 데 사용합니다.src 속성은 이미지 URL을 지정합니다. 이미지를 표시할 수 없는 경우 필요한 속성은 대체 텍스트를 제공합니다.[50] (비록) alt 는 대체 텍스트로 의도된 것이며, Microsoft Internet Explorer 7 이하에서는 그렇지 않은 경우 도구 팁으로 렌더링합니다. title 속성이 부여됩니다.[51]반면 SafariGoogle Chrome은 alt 속성을 전혀 표시하지 않습니다.)[52]<img /> 요소는 Marc Andreessen에 의해 처음 제안되었고 NCSA Mosaic 웹 브라우저에서 구현되었습니다.[53]
IMG HTML 인터넷 초안 1.2에 존재했으며 HTML 2.0으로 표준화되어 현재까지 사용되고 있습니다.
<map>...</map>
클라이언트 측 이미지 맵을 지정합니다.
HTML 3.2표준화되어 있으며 최신 상태입니다.
<object>...</object>
에 의해 지정된 유형의 페이지에 개체를 포함합니다. type 기여하다. 이것은 임베디드 HTML 페이지, 플래시와 같은 플러그인에서 처리할 파일, 자바 애플릿, 사운드 파일 등과 같이 사용자 에이전트가 이해하는 모든 MIME 유형에 포함될 수 있습니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<param />
처음에 소개된 제품은 다음과 같습니다. <applet>, 이 요소는 이제 다음과 같이 사용됩니다. <object>, 어린아이로만 발생해야 합니다. <object>. HTML 속성을 사용하여 개체 유형에 따라 너비, 높이, 글꼴, 배경색 등과 같은 개체에 대한 매개 변수를 설정합니다. 개체는 여러 개일 수 있습니다. <param /> 요소들.
HTML 3.2표준화되어 있으며 최신 상태입니다.
<source>...</source>
오디오 또는 비디오에 대한 다양한 소스를 지정합니다. 다음을 사용합니다. src 와 비슷한 방식으로 속성을 지정합니다. <video> 그리고. <audio> 요소들.
HTML5표준화되어 있습니다.
<track>...</track>
오디오 및 비디오용 자막 및 캡션과 같은 텍스트 트랙을 제공합니다.
HTML5표준화되어 있습니다.
<video>...</video>
재생 가능한 HTML5 비디오를 페이지에 추가합니다. 비디오 URL은 다음을 사용하여 결정됩니다. src 기여하다. 지원되는 비디오 형식은 브라우저마다 다릅니다.
HTML5표준화되어 있습니다.

양식

이러한 요소는 양식에 결합되거나 사용자 인터페이스 컨트롤로 별도로 사용되는 경우도 있습니다. 문서에서 이러한 요소는 단순 HTML이거나 스크립트와 함께 사용될 수 있습니다. HTML 마크업은 양식을 구성하는 요소와 양식을 제출할 방법을 지정합니다. 그러나 사용자의 입력이 제출되면 일부 형태의 스크립트(서버 측, 클라이언트 측 또는 둘 다)를 사용하여 처리해야 합니다.

(이러한 요소는 블록 또는 인라인 요소이지만 다른 인라인 또는 블록 요소보다 사용이 제한되므로 여기서 수집됩니다.)

<form action="url">...</form>
을 만듭니다.<form> 요소는 필요한 것을 사용하여 양식 영역의 전체 작업을 지정하고 작동합니다. action 기여하다.
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.
<button>...</button>
복잡한 단추를 만들기 위해 다양한 다른 요소를 포함할 수 있는 일반 양식 단추입니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<datalist>...</datalist>
목록 option양식 요소에 사용할 수 있습니다.
HTML5표준화되어 있습니다.
<fieldset>...</fieldset>
폼에 구조물을 추가하기 위한 컨테이너입니다. 예를 들어, 일련의 관련 컨트롤을 a 내에 그룹화할 수 있습니다. <fieldset>, 그 다음에 그것을 가질 수 있습니다. <legend> 기능을 확인하기 위해 추가되었습니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<input />
<input> 요소를 사용하면 다양한 표준 폼 컨트롤을 구현할 수 있습니다.
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.
입력 유형:
type="checkbox"
체크박스. 확인하거나 확인하지 않을 수 있습니다.
type="radio"
라디오 버튼. 여러 라디오 버튼에 동일한 이름이 지정된 경우 사용자는 이 그룹에서 그 중 하나만 선택할 수 있습니다.
type="button"
범용 버튼입니다. 원소. <button> 가능한 경우(즉, 클라이언트가 지원하는 경우) 더 풍부한 가능성을 제공하기 때문에 선호됩니다.
type="submit"
제출 버튼.
type="image"
이미지 버튼. 이미지 URL은 다음과 같이 지정할 수 있습니다. src 기여하다.
type="reset"
폼을 기본값으로 재설정하기 위한 재설정 버튼입니다.
type="text"
텍스트 입력 필드입니다.size 속성은 문자-widths로 입력의 기본 너비를 지정합니다. max-length 사용자가 입력할 수 있는 최대 문자 수(크기보다 클 수 있음)를 설정합니다.
의 변형. text 검색 창을 생성합니다.
type="password"
의 변형. text. 다른 점은 이 필드에 입력된 텍스트가 마스킹되어 있다는 것입니다. 문자는 별표, 점 또는 다른 대체 문자로 표시됩니다. 비밀번호는 여전히 일반 텍스트로 서버에 제출되므로 기밀 유지가 우려되는 경우 HTTPS와 같은 기본 보안 통신 프로토콜이 필요합니다.
type="file"
파일 선택 필드(파일을 서버에 업로드하기 위한 것).
type="tel"
의 변형. text 전화번호용으로
type="email"
의 변형. text 이메일 주소의 경우.
type="url"
의 변형. text URL의 경우.
type="date"
날짜 선택기.
type="time"
시간 선택기.
type="number"
의 변형. text 숫자로는
type="range"
숫자를 반환하는 슬라이더를 생성하지만 사용자는 숫자를 볼 수 없습니다.
type="color"
컬러 피커.
type="hidden"
hidden 입력은 렌더링된 페이지에 표시되지 않지만 설계자가 양식의 일부로 서버에 제출해야 하는 데이터 사본을 유지 관리할 수 있습니다. 예를 들어, 이 웹 사용자가 현재 양식과 함께 처리해야 하는 이전 양식에 입력하거나 선택한 데이터일 수 있습니다. 사용자에게 표시되지 않지만 HTML 소스를 편집하여 클라이언트 측에서 데이터를 변경할 수 있습니다.
<isindex /> (deprecated)
<isindex /> 문서 머리 또는 본문에 표시될 수 있지만 문서에는 한 번만 표시됩니다. <isindex /> 초기 HTML 검색 양식으로 운영되었지만 1990년대 초에서 중반에 도입된 고급 HTML 양식에 의해 사실상 폐지되었습니다. 기본 URI, 앰프퍼센트 인코딩된 키워드로 구성된 하이퍼링크 집합을 플러스 기호로 구분하여 나타냅니다.
ISINDEX HTML 태그에 존재합니다. HTML 2.0으로 표준화되어 있고, HTML 4.0 Transitional에서 사용되지 않습니다. HTML 4.0 Strict에서 유효하지 않습니다.
<keygen>...</keygen> (deprecated)
키 쌍 생성기입니다.
HTML5표준화되었으나 HTML5.2로 제거되었습니다.
<label for="id">...</label>
다음과 같은 양식 입력에 대한 레이블을 작성합니다. radio. 레이블을 클릭하면 일치하는 입력을 클릭합니다.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<legend>...</legend>
a에 대한 전설(제막) <fieldset>.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<meter>...</meter>
a가 필요한 계량기 value 기여하다. 또한 다음을 가질 수 있습니다. min, low, high,그리고. max.
HTML5표준화되어 있습니다.
<option value="x">...</option>
항목을 생성합니다. <select> 목록.
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.
<optgroup>...</optgroup>
그룹을 식별합니다. <option> a의 원소들 <select> 목록.
HTML 4.0으로 표준화되어 있으며 최신 상태입니다.
<output>...</output>
양식 요소의 값입니다.
HTML5표준화되어 있습니다.
<progress>...</progress>
동작의 진행 상황을 보여주는 막대입니다.
HTML5표준화되어 있습니다.
<select name="xyz">...</select>
사용자가 단일 옵션을 선택할 수 있는 선택 목록을 만듭니다. 드롭다운 목록으로 렌더링할 수 있습니다.
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.
<textarea rows="8">...</textarea>
크기는 다음에서 지정하는 여러 줄 텍스트 영역입니다. cols (여기서 열은 텍스트의 한 문자 너비) 및 rows HTML 특성. 이 요소의 내용은 페이지가 로드될 때 기본 텍스트로 텍스트 영역에 나타나는 일반 텍스트로 제한됩니다.
HTML 2.0으로 표준화되어 있으며, 최신 상태입니다.

HTML 테이블의 형식은 HTML 3.0 초안과 이후 RFC 1942 HTML 테이블에서 제안되었습니다. CALS 테이블 모델에서 영감을 얻었습니다. 이 제안들의 일부 요소들은 HTML 3.2에 포함되었고, 현재의 HTML 테이블 형태는 HTML 4로 표준화되었습니다. (테이블 내에서 사용되는 많은 요소들은 블록이나 인라인 요소가 아닙니다.)

<table>...</table>
테이블을 식별합니다. HTML Transitional에서는 여러 HTML 특성이 가능하지만 HTML Strict에서는 대부분 유효하지 않으며 스타일 시트로 대체할 수 있습니다.summary 속성의 사용이 간단하지는 않지만 접근성 목적을 위해 비공식적으로 필요합니다.
HTML 3.0 초안에서 제안됨; HTML 3.2표준화됨; 현재 상태임.
<tr>...</tr>
a의 셀 행을 포함합니다. <table>.
HTML 3.0 초안에서 제안됨; HTML 3.2표준화됨; 현재 상태임.
<th>...</th>
A <table> 헤더 셀; 내용은 일반적으로 굵게 중앙에 표시됩니다. 청각 사용자 에이전트는 이러한 항목에 대해 더 큰 음성을 사용할 수 있습니다.
HTML 3.0 초안에서 제안됨; HTML 3.2표준화됨; 현재 상태임.
<td>...</td>
A <table> 데이터 셀.
HTML 3.0 초안에서 제안됨; HTML 3.2표준화됨; 현재 상태임.
<colgroup>...</colgroup>
에서 열 그룹을 지정합니다. <table>.
HTML 테이블에서 제안됨; HTML 4.0으로 표준화됨; 현재 상태임.
<col>...</col>
에서 열을 지정합니다. <table>.
HTML 테이블에서 제안됨; HTML 4.0으로 표준화됨; 현재 상태임.
<caption>...</caption>
에 대한 캡션을 지정합니다. <table>.
HTML 3.0 초안에서 제안됨; HTML 3.2표준화됨; 현재 상태임.
<thead>...</thead>
의 헤더 부분을 지정합니다. <table>. 테이블이 여러 페이지(인쇄 또는 기타 페이지 미디어)에 걸쳐 분할된 경우 사용자 에이전트가 이 섹션을 반복할 수 있습니다.
HTML 테이블에서 제안됨; HTML 4.0으로 표준화됨; 현재 상태임.
<tbody>...</tbody>
a에 대한 데이터 본문을 지정합니다. <table>.
HTML 테이블에서 제안됨; HTML 4.0으로 표준화됨; 현재 상태임.
<tfoot>...</tfoot>
의 바닥 부분을 지정합니다. <table>.맘에 들다 <thead>, 테이블이 여러 페이지(인쇄 또는 기타 페이지 매체)에 걸쳐 분할된 경우 사용자 에이전트가 이 섹션을 반복할 수 있습니다.
HTML 테이블에서 제안됨; HTML 4.0으로 표준화됨; 현재 상태임.

프레임

프레임을 사용하면 시각적 HTML 브라우저 창을 세그먼트로 분할할 수 있으며, 각 세그먼트는 서로 다른 문서를 보여줄 수 있습니다. 이렇게 하면 한 프레임에서 레이아웃의 반복되는 부분을 사용할 수 있는 반면 다른 프레임에서는 가변 콘텐츠가 표시되기 때문에 대역폭 사용을 줄일 수 있습니다. 이는 특히 비시각적 사용자 에이전트의 경우 개별적이고 독립적인 문서(또는 웹 사이트)가 서로 인접하여 표시되고 동일한 상위 창과 상호 작용할 수 있기 때문에 특정 사용성 비용이 발생할 수 있습니다.[54] 이 비용 때문에 프레임(제외) <iframe> element)는 HTML 4.01 Frame-set에서만 허용됩니다. iframes는 또한 다른 서버에서 문서를 보관할 수 있습니다. 이 경우 창 간 상호 작용은 브라우저에 의해 차단됩니다. Facebook이나 Twitter와 같은 사이트는 iframes를 사용하여 타사 웹 사이트에 콘텐츠(플러그인)를 표시합니다. Google AdSense는 iframes를 사용하여 타사 웹 사이트에 배너를 표시합니다.

HTML 4.01에서 문서는 다음을 포함할 수 있습니다. <head> 그리고 a. <body> 오라 <head> 그리고 a. <frameset>, 하지만 둘 다 아닙니다. <body> 그리고 a. <frameset>.하지만, <iframe> 일반 문서 본문에서 사용할 수 있습니다.

<frameset>...</frameset> (deprecated)
의 집합을 포함합니다. <frame /> 문서의 요소 프레임의 레이아웃은 에서 쉼표로 구분된 목록으로 제공됩니다. rows 그리고. cols HTML 특성.
HTML 4.0 프레임셋으로 표준화되어 있으며 HTML5에서는 이상 사용되지 않습니다.
<frame /> (deprecated)
에서 단일 프레임 또는 영역을 정의합니다. <frameset>. 별도의 문서는 다음을 사용하여 프레임에 연결됩니다. src 내부의 속성 <frame /> 요소
HTML 4.0 프레임셋으로 표준화되어 있으며 HTML5에서는 이상 사용되지 않습니다.
<noframes>...</noframes> (deprecated)
지원하지 않는 사용자 에이전트에 대한 일반 HTML 내용 포함 <frame /> 요소들.
HTML 4.0 Transitional로 표준화되었으며 HTML5에서는 이상 사용되지 않습니다.
<iframe>...</iframe>
인라인 프레임은 다른 HTML 문서를 프레임에 배치합니다. 과는 다르게 <object /> 원소, 원소 <iframe> 다른 요소에 의해 정의된 링크의 "대상" 프레임이 될 수 있으며, 사용자 에이전트에 의해 인쇄, 소스 보기 등을 위한 포커스로 선택될 수 있습니다. 요소의 내용은 브라우저가 인라인 프레임을 지원하지 않는 경우 표시할 대체 텍스트로 사용됩니다. 별도의 문서는 다음을 사용하여 프레임에 연결됩니다. src 내부의 속성 <iframe />, 인라인 HTML 코드는 다음을 사용하여 프레임에 내장됩니다. srcdoc 내부의 속성 <iframe /> 요소
1997년 마이크로소프트 인터넷 익스플로러에 의해 처음 소개되었으며 HTML 4.0 Transitional로 표준화되어 HTML5로 허용되었습니다.

longdesc 기여하다

HTML에서 는 다음과 같이 사용되는 속성입니다. <img />, <frame />, 또는 <iframe> 요소들. 해당 이미지, 프레임 또는 프레임에 대한설명을 제공하는 문서의 URL[note 5] 되어 있습니다.[55] 이 속성에는 설명 자체의 텍스트가 아니라 URL이 포함되어야 합니다.

longdesc 화면 판독기가 시각 장애인이나 시각 장애인과 같은 접근성 문제가 있는 컴퓨터 사용자를 위해 이미지 정보를 표시하는 데 사용하도록 설계되었으며 웹 브라우저와 화면 판독기 모두에 의해 널리 구현됩니다.[56] 일부 개발자들은 속성을 사용하는 저자가 상대적으로 적고 대부분의 저자가 잘못 사용하기 때문에 실제로 이러한 용도로 거의 사용되지 않는다고[57] 반대합니다. 따라서 이들은 사용을 중지할 것을 권장합니다. longdesc.[58]출판계는[58] 의 존치를 주장하며 맞불을 놓았습니다. longdesc.[59]

<이그 src="안녕.jpg" 긴 책상="desc 설명.html"> 


내용 description.html:

<br /> <p>2겹 생일 케이크의 이미지입니다.</p> ... 

본문의 긴 설명에 연결

링크를 기본적으로 사용할 수 있도록 지원하는 그래픽 브라우저는 거의 없기 때문에(예외로 Opera와 iCab) 설명 페이지에 대한 링크를 포함하는 것이 유용합니다. <img /> 이것은 또한 시각적인 사용자를 도울 수 있기 때문에 가능한 한 요소입니다.

<img src="hello.jpg" longdesc="desc 설명.html" /> [<a href="desc 설명.html" title="이미지 설명" longdescription">D</a>] 

역사적 요소

다음 요소들은 1989년부터 1991년까지 Tim Berners-Lee에 의해 개발된 초기 HTML의 일부였습니다. 이 요소들은 HTML 태그에 언급되어 있지만 HTML 2.0에서는 더 이상 사용되지 않았으며 HTML 표준의 일부가 아니었습니다.

<listing>...</listing> (deprecated)
이 요소는 HTML을 해석하지 않고 태그 내부의 텍스트를 단일 공간 글꼴로 표시했습니다. HTML 2.0 사양에서는 한 줄당 최대 132자로 렌더링할 것을 권장했습니다.
HTML 3.2에서는 더 이상 사용되지 않으며 HTML5에서는 더 이상 사용되지 않습니다.[60]
<plaintext> (deprecated)
<plaintext> 는 마크업을 종료하고 문서의 나머지 부분이 평문인 것처럼 파싱되도록 하기 때문에 끝 태그를 가지고 있지 않습니다.
<plaintext> HTML 태그에 존재합니다. HTML 2.0에서는 권장되지 않습니다. HTML 4.0에서는 유효하지 않습니다.
<xmp>...</xmp> (deprecated)
이 요소는 HTML을 해석하지 않고 태그 내부의 텍스트를 단일 공간 글꼴로 표시했습니다. HTML 2.0 사양에서는 한 줄에 80자로 요소를 렌더링할 것을 권장했습니다.
HTML 3.2에서는 이상 사용되지 않으며 HTML5에서는 더 이상 사용되지 않습니다.[61]
<nextid> (deprecated)
이 요소를 통해 NeXT 웹 설계 도구가 앵커에 대한 자동 NAME 레이블을 생성할 수 있었고 자체적으로 자동으로 생성되었습니다.[60]
<nextid> HTML 태그에 존재함(더 이상 사용되지 않음으로 설명됨); HTML 2.0에서 사용되지 않음; HTML 3.2 이상에서는 유효하지 않음.

비표준요소

이 섹션에는 널리 사용되는 몇 가지 오래된 요소가 나열되어 있습니다. 이는 유효한 코드에서 사용되지 않는다는 것을 의미합니다. 모든 사용자 에이전트에서 지원되지 않을 수 있습니다.

텍스트를 깜빡이게 합니다. ANSI 탈출 코드를 모방하여 도입되었습니다. 지원되는 경우 CSS로 수행할 수 있습니다. {text-decoration: blink} (이 효과는 감광성 뇌전증을 가진 사람들에게 부정적인 결과를 가져올 수 있습니다. 공중 인터넷에서의 사용은 적절한 지침을 따라야 합니다.)
<blink> Netscape Navigator(넷스케이프 네비게이터)에서 시작되었으며 Firefox(HTML 2.0 이상에서 사용되지 않거나 유효하지 않음)를 포함한 하위 버전에서 대부분 인식됩니다. 교체 CSS 태그는 표준이지만 지원할 필요는 없습니다.
<layer>...</layer> (deprecated)
절대 위치 및 프레임 레이어를 만듭니다. 대신 프레임 및/또는 CSS로 수행할 수 있습니다. ID, LEFT, TOP, PAGEX, PAGEY, SRC, Z-INDEX, ABOUT, WIDTH, HEIGHT, BOUTH, CLIP, VISITYCLIP을 포함한 속성이 있습니다.
<layer> 넷스케이프 4에서 시작되었으며 HTML 4.01 이상에서는 사용되지 않거나 유효하지 않습니다.
<marquee>...</marquee> (deprecated)
스크롤 텍스트를 만듭니다. 대신 스크립팅을 수행할 수 있습니다. (이 효과는 감광성 뇌전증을 가진 사람들에게 부정적인 결과를 가져올 수 있습니다. 공중 인터넷에서의 사용은 적절한 지침을 따라야 합니다.) 대체, 스크롤슬라이드를 포함한 세 가지 옵션이 있습니다. 스크롤 지연도 추가할 수 있습니다.
<marquee> Microsoft Internet Explorer에서 시작되었으며 HTML 4.01 이상에서는 사용되지 않거나 유효하지 않습니다.
<nobr>...</nobr> (deprecated)
줄 끝에서 텍스트가 끊어지지 않도록 하여 텍스트가 둘러싸는 개체의 너비를 초과하는 경우 워드랩을 방지합니다. 인접한 텍스트는 그 전후로 깨질 수 있습니다. CSS로 수행 가능: {white-space: nowrap;}
<nobr> 은 호환성의 이유로 대부분의 브라우저에서 인식되는 독점 요소입니다. HTML 2.0 이상에서는 사용되지 않거나 유효하지 않습니다.
<noembed>...</noembed> (deprecated)
임베딩을 렌더링할 수 없는 경우 대체 콘텐츠를 지정합니다. 의 내용으로 대체됨 <embed> 또는 <object> 요소

평.

<!-- A Comment -->

HTML(및 관련 XML, SGML 및 SHTML)의 주석은 명령어에 따라 SGML 주석 또는 XML 주석과 동일한 구문을 사용합니다.

대부분의 HTML 태그와 달리 주석은 둥지를 틀지 않습니다. 일반적으로 주석 텍스트에 표시할 수 없는 문자열이 있습니다. 그것들은. <!--(댓글의 시작)-->(이것은 댓글을 끝냄으로써 그 댓글이 그 댓글 안에 나타나지 않도록 합니다.) --!>. 추가적으로, 스트링들은 > 그리고. -> 댓글의 시작 부분에 표시할 수 없습니다. <!- 마지막에 나타나지 않습니다.[63]

결과적으로 마크업은 <!--Xbegin<!--Y-->Xend--> 는 잘못된 형식이며, 주석과 텍스트를 그 뒤에 제공하거나 브라우저에 따라 입력하기도 합니다.

주석은 다른 HTML 태그 구조체 안에 나타나지 않는 한 어디에 나타나든 무시하도록 되어 있기 때문에 문서의 어느 곳에나 나타날 수 있습니다(즉, 속성과 값 옆에서 사용할 수 없습니다). 이것은 유효하지 않은 마크업입니다: <span id="x1"<!--for "extension one"--> style="...">).

설명은 docytype 선언 앞에 나타날 수도 있습니다. 이 작업을 수행할 수 있는 다른 태그는 없습니다.

그러나 모든 브라우저 및 HTML 편집기가 HTML 구문 프레임워크를 완전히 준수하는 것은 아니며 일부 구문 조건에서 예측할 수 없는 작업을 수행할 수 있습니다. 댓글의 결함 처리는 사용 중인 모든 브라우저 및 HTML 편집기의 약 5%에만 영향을 미치며, 그 경우에도 특정 버전만이 댓글을 잘못 처리하는 문제의 영향을 받습니다(Internet Explorer 6은 이 높은 비율의 대부분을 차지합니다).

코멘트와 관련된 몇 가지 호환성 문제가 있습니다.

  • 주석 또는 공백을 제외한 모든 문자를 다음 앞에 배치합니다. doctype Internet Explorer 6이 HTML 페이지에 대해 별난 모드를 사용하게 합니다. 아무 것도. doctype 정보가 처리됩니다.
  • 1995년 이전 브라우저와의 호환성을 위해 다음과 같은 내용을 제공합니다. <style> 그리고. <script> 요소는 여전히 주석 구분 기호로 둘러싸여 있으며 CSS 및 스크립트 지원 브라우저는 해당 주석 마크업을 실제 주석이 아닌 것으로 간주하여 특별히 무시하도록 작성됩니다. 이는 댓글 내부의 요소를 인식하지 못하도록 변경하여 CSS와 스크립트 마크업에 실제로 댓글을 달려고 시도한다는 것을 의미합니다. <-- [script]...[/script] -->.
  • BlueGriffon HTML 편집기, 버전 1.7.x, 구문 구조에 포함되지 않은 주석을 작성합니다. <style> ... {comment tags} ...</style> 화면에 표시됩니다. 다른 HTML 편집기에도 이와 같은 결함이 있을 수 있습니다.

참고 항목

메모들

  1. ^ HTML 4.01은 잘 알려진 소수의 HTML DTD 중 하나입니다. HTML에 대한 다른 W3C 게시 DTD에도 동일한 동작이 적용되지만, 여기서 가장 좋은 예시로 선택됩니다.
  2. ^ DTD의 매크로 유사 기능은 XML 내에서 여전히 사용될 수 있습니다.
  3. ^ 한 가지 작은 차이점은 DOM 인터페이스 이후에도 XML은 대소문자를 구분한다는 것입니다.[5]
  4. ^ 그러나 참조. <object> 부득이한 예외로
  5. ^ URL은 IRI의 하위 집합이지만 URL이 아닌 IRI입니다.

참고문헌

  1. ^ a b "§3 On SGML and HTML". HTML 4.01 Specification. W3C. 24 December 1999. §3.2.1 Elements.
  2. ^ "§3 On SGML and HTML". HTML 4.01 Specification. W3C. 24 December 1999. §3.1 Introduction to SGML.
  3. ^ "HTML 4.01, §21, Document Type Definition". W3C. 24 December 1999.
  4. ^ a b c d e "HTML Standard § Optional tags". WHATWG. Retrieved 22 March 2019.
  5. ^ "§1. Document Object Model HTML". Document Object Model (DOM) Level 2 HTML Specification. W3C. 9 January 2003. §1.3. XHTML and the HTML DOM.
  6. ^ a b "§7 The global structure of an HTML document". HTML 4.01 Specification. W3C. 24 December 1999. §7.5.3 Block-level and inline elements.
  7. ^ Mark Newhouse (27 September 2002). "CSS Design: Taming Lists". A List Apart.
  8. ^ XHTML 1.0 §4.2
  9. ^ XML 1.0(추가 요소를 생성하는 기능은 약자로 eXtensibility의 일부입니다.)
  10. ^ XML 1.0 § 5.1
  11. ^ WHATWGLS. § 15
  12. ^ XHTML 1.1 §A
  13. ^ "HTML & CSS". W3C. 2013.
  14. ^ "Appendix D. Default style sheet for HTML 4". Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. W3C. 7 June 2011.
  15. ^ HTML 4.01 §14.1
  16. ^ Ferraiolo, J.; Fujisawa, J.; Jackson, D., eds. (2003-01-14). "§2.3 Options for using SVG in Web pages". Scalable Vector Graphics (SVG) 1.1 Specification. W3C. Retrieved 2009-03-25.
  17. ^ HTML 4.01 §12.3
  18. ^ HTML 4.01 §14.3.2
  19. ^ HTML 4.01 §18
  20. ^ CSS § 1.1
  21. ^ "4.4 Grouping content – HTML5". HTML5: A vocabulary and associated APIs for HTML and XHTML – W3C Recommendation. World Wide Web Consortium. 28 October 2014. §4.4.8 The dl element. Retrieved 16 August 2015.
  22. ^ "Lists in HTML documents". HTML 4.01 Specification – W3C Recommendation. World Wide Web Consortium. 24 December 1999. §10.3 Definition lists: the DL, DT, and DD elements. Retrieved 2 May 2015.
  23. ^ "HTML5: A Vocabulary and Associated APIs for HTML and XHTML, W3C Working Draft". W3C. 5 April 2011..
  24. ^ HTML 4.01, W3C, retrieved 2012-03-26
  25. ^ Tittel, Ed; Burmeister, Mary C. (2005). HTML 4 for dummies (5th ed.). Hoboken, New Jersey: Wiley. p. 96. ISBN 978-0-7645-8917-1. Retrieved 7 August 2022.
  26. ^ "ServerWriter -- /Provider". W3C.
  27. ^ "HTML 5.2". W3C.
  28. ^ 머리글자 태그, 머리글자.
  29. ^ 4.6 Text-level semantics — The b element, Developers.whatwg.org, retrieved 2012-03-26
  30. ^ 4.6 Text-level semantics — The i element, Developers.whatwg.org, retrieved 2012-03-26
  31. ^ 4.6 Text-level semantics — The u element, Developers.whatwg.org, retrieved 2012-03-26
  32. ^ 4.6 Text-level semantics — The small element, Developers.whatwg.org, retrieved 2012-03-26
  33. ^ 4.6 Text-level semantics — The s element, Developers.whatwg.org, retrieved 2012-03-26
  34. ^ a b 11 Obsolete features — HTML5, W3C, retrieved 2012-03-26
  35. ^ "HTML5 specification finalized, squabbling over specs continues". Ars Technica. 29 October 2014. Retrieved 29 October 2014.
  36. ^ "9.2.1 Phrase elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM". HTML 4.01 Specification. W3C. 24 December 1999. Retrieved 26 July 2018.
  37. ^ HTML 5.2 W3C 권장 사항, "§ 4.5.6". 인용 요소".
  38. ^ HTML Living Standard, "§ 4.5.6 The cite element".
  39. ^ "<data>". MDN Web Docs.
  40. ^ "HTML <rb> Tag". www.quackit.com.
  41. ^ "<rp>: The Ruby Fallback Parenthesis element". MDN Web Docs.
  42. ^ "<rt>: The Ruby Text element". MDN Web Docs.
  43. ^ "<rtc>: The Ruby Text Container element". MDN Web Docs.
  44. ^ "<ruby>". MDN Web Docs.
  45. ^ "<template>". MDN Web Docs.
  46. ^ "<time>". MDN Web Docs.
  47. ^ "<wbr>". MDN Web Docs.
  48. ^ 제니퍼 키르닌 <embed>
  49. ^ W3 학교 정보 <embed>
  50. ^ Alt 속성의 텍스트는 마크업으로 스타일링할 수 없습니다. 따라서 사용자의 브라우저에서 이미지가 비활성화된 경우 코더가 스타일링된 텍스트를 표시하기를 원하는 상황을 수용하기 위해 Fahrner Image Replacement와 같은 다른 텍스트 표현 방법이 고안되었습니다.
  51. ^ "What's New in Internet Explorer 8 – Accessibility and ARIA". MSDN. Microsoft. Retrieved 2009-07-22.
  52. ^ Bug 5566 – ALT attribute value sometimes not displayed when image is missing, Bugs.webkit.org, retrieved 2012-03-26
  53. ^ WWW-Talk Jan-Mar 1993: proposed new tag: IMG, 1997.webhistory.org, retrieved 2012-03-26
  54. ^ "Are frames accessible?". ...frames do present additional usability challenges that are unique to users with disabilities, particularly those who use screen readers.
  55. ^ "Objects, Images, and Applets". W3C. Retrieved 2008-12-20.
  56. ^ "InState Longdesc". Retrieved 2011-09-05.
  57. ^ "Creating Accessible Images". WebAim. Retrieved 2008-12-20.
  58. ^ Longdesc usage - WHATWG Wiki, Wiki.whatwg.org, retrieved 2012-03-26
  59. ^ "Bug 13461 - Commentary on Issue #30 (longdesc) from the Association of American Publishers". Retrieved 2011-09-05.
  60. ^ a b "Obsolete – Non-conforming features". HTML Living Standard. WHATWG. July 22, 2022. Retrieved August 7, 2022.
  61. ^ "<xmp>". MDN Web Docs.
  62. ^ a b Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). "Web Content Accessibility Guidelines 1.0". World Wide Web Consortium. Retrieved 2010-07-20.
  63. ^ "HTML standard". html.spec.whatwg.org.

서지학

HTML 표준

HTML 2.0:
Berners-Lee, Tim; Connolly, Dan (November 1995). "Hypertext Markup Language - 2.0 (RFC 1866)". IETF. Retrieved 2009-03-24.
HTML 3.2:
Raggett, Dave (1997-01-14). "HTML 3.2 Reference Specification". W3C. Retrieved 2009-03-27.
HTML 4.01:
Raggett, Dave; Le Hors, Arnaud; Jacobs, Ian (1999-12-24). "HTML 4.01 Specification". W3C. Retrieved 2009-03-24. (HTML 4.01은 4.0(1998)을 대체했는데, 이는 결코 널리 구현되지 않았으며 모든 이전 버전들이 그러했습니다. 2018-03-27에서 HTML 5.2)로 차례대로 대체하였습니다.
XHTML 1.0:
"XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)". Revised version. W3C. 2002-08-01 [2000]. Retrieved 2009-03-24.
XHTML 1.1:
Altheim, Murray; McCarron, Shane; Ishikawa, Masayasu, eds. (2010-11-23) [2001]. "XHTML 1.1 - Module-based XHTML - Second Edition". Revised version. W3C. Retrieved 2018-07-26. (2018-03-27에서 HTML 5.2로 대체됨)
Austin, Daniel; Peruvemba, Subramanian; McCarron, Shane; Ishikawa, Masayasu; Birbeck, Mark; Altheim, Murray; Boumphrey, Frank; Dooley, Sam; Schnitzenbaumer, Sebastian; Wugofski, Ted, eds. (2010-07-29) [2006]. "XHTML Modularization 1.1 - Second Edition". Revised version. W3C. Retrieved 2018-07-26. (상기의 보다 상세한 버전. 또한 2018-03-27에 HTML 5.2로 대체됨)
W3C HTML 5.2:
Faulkner, Steve; Eicholz, Arron; Leithead, Travis; Danilo, Alex; Moon, Sangwhan; Doyle Navara, Erika; O'Connor, Theresa; Berjon, Robin, eds. (2017-12-14) [2016]. "HTML 5.2 W3C Recommendation". Revised version. W3C. Retrieved 2018-07-26. HTML 5.1을 포함한 모든 이전 버전의 HTML 및 XHTML을 대체합니다.
WHATWG HTML5 생활 표준:
Hickson, Ian, ed. (2018-07-25). "HTML Living Standard". One-page Version. WHATWG. Retrieved 2018-07-26. 또한 멀티페이지 버전 개발자판으로도 사용할 수 있습니다(검색 기능 및 기타 가젯이 포함된 멀티페이지, 브라우저 공급업체에 대한 세부 정보 제외).

기타출처

HTML 태그:
Berners-Lee, Tim (1992-11-03). "HTML Tags". Retrieved 2009-03-28. (HTML의 첫 번째 공개 설명의 일부입니다.)
HTML 인터넷 초안 1.2:
Berners-Lee, Tim; Connolly, Dan (June 1993). "Hypertext Markup Language (HTML)". Retrieved 2009-03-28.
HTML 3.0 초안:
Raggett, Dave (1995-03-24). "HyperText Markup Language Specification Version 3.0 (draft)". Retrieved 2009-04-18. (이것은 HTML 3.0의 최종 초안으로, 더 이상 개발되지 않고 만료되었습니다.)
HTML 테이블:
Raggett, Dave (May 1996). "HTML Tables (RFC 1942)". IETF. Retrieved 2009-03-22.
XML 1.0:
Bray, Tim; Paoli, Jean; Sperberg-McQueen, C. Michael; Maler, Eve; Yergeau, François, eds. (2008-11-26). "Extensible Markup Language (XML) 1.0 (Fifth Edition)". W3C. Retrieved 2009-03-20.
CSS 1:
Lie, Håkon Wium; Bos, Bert (2008-04-11) [1996]. "Cascading Style Sheets, Level 1". Revised version. W3C. Retrieved 2018-07-26.
CSS 2.1:
Bos, Bert; Çelik, Tantek; Hickson, Ian; Lie, Håkon Wium (12 April 2016) [2011]. "Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification". Revised version. W3C. Retrieved 2018-07-26.
CSS 3 및 4:
Atkins, Tab Jr.; Eternad, Elika J.; Rivoal, Florian (31 January 2017). "CSS Snapshot 2017". W3C. §2. Cascading Style Sheets (CSS) – The Official Definition. Retrieved 2018-07-26. (발간일 현재 CSS 2.1을 대체한 활성 사양 목록)
"CSS Current Status". W3C. 2018. Retrieved 2018-07-26. (CSS 레벨 3과 레벨 4는 독립적인 모듈로 개발되며 해당 페이지에서 색인화됩니다.)

외부 링크