HTML 요소

(표(HTML)에서 리디렉션됨)

HTML 요소HTML(Hypertext Markup Language) 문서 구성요소의 한 유형으로, 여러 종류의 HTML 노드 중 하나이다(텍스트 노드, 주석 노드 등이 있다).[vague] HTML 문서는 텍스트 노드와 같은 간단한 HTML 노드와 문서의 일부에 의미와 형식을 추가하는 HTML 요소로 구성되어 있다(예를 들어, 텍스트를 굵게 하거나 단락, 목록과 테이블로 구성하거나 하이퍼링크와 이미지를 포함). 각 요소는 HTML 속성을 지정할 수 있다. 요소에는 다른 요소와 텍스트를 포함한 콘텐츠도 포함될 수 있다.

개념

요소 대 태그

일반적으로 이해되는 바와 같이, 요소의 위치는 일부 하위 내용을 포함하여 출발 태그에서 확장된 것으로 표시되며, 엔드 태그에 의해 종료된다.[1] 이것은 HTML 문서 내의 많은 요소들이 그렇지만 전부는 아니다. HTML 4.01 규격에서 구별은 분명히 강조된다.

요소는 태그가 아니다. 어떤 사람들은 요소를 태그(예: "P 태그")라고 부른다. 요소와 태그(시작 태그 또는 종료 태그)는 서로 다르다는 점을 기억하십시오. 예를 들어, 시작 및 종료 HEAD 태그가 모두 마크업에서 누락될 수 있더라도 HEAD 요소는 항상 존재한다.[1]

마찬가지로 W3C 추천 HTML 5.1 2판에는 다음과 같은 내용이 명시되어 있다.

태그는 마크업에서 요소의 시작과 끝을 구분하는 데 사용된다. (...) 특정 정상 요소의 시작과 끝 태그를 생략할 수 있다. (...)
요소의 내용은 시작 태그 바로 뒤에(특정 경우에는 암시될 수 있음)와 종료 태그 바로 앞에(특정 경우에는 다시 암시될 수 있음) 배치해야 한다.

및:

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


HTML(HTML5 이전)은 SGML을 기반으로 하기 때문에,[2] 그것의 구문 분석 또한 DTD(Document Type Definition, 특히 HTML DTD(예: HTML 4.01[3][note 1])에 의존한다. DTD는 가능한 요소 유형(즉, 요소 유형의 집합을 정의함)과 이러한 유형이 문서에 나타날 수 있는 유효한 조합을 명시한다. (DTD당) 하나의 유효한 구조만 가능한 일반적인 SGML 행동의 일부로서, 주어진 문서에 명시적인 문장이 일반적으로 요구되지 않는다. 간단한 예로서, . <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은 XML로 처리되거나 XHTML로 처리되거나 HTML5로 처리될 가능성이 높으며, 어느 경우든 문서 태그를 DOM(Document Object Model) 요소로 구문 분석은 기존 HTML 시스템에 비해 단순화된다. 일단 요소의 DOM을 얻으면, 더 높은 수준의 인터페이스(예: 화면 렌더링)[note 3]에서의 동작은 동일하거나 거의 동일하다.

%block; vs. 상자

이 CSS 프레젠테이션 동작의 일부는 "박스 모델"의 개념이다. 이는 CSS를 통해 설정된 "블록" 요소라고 간주되는 요소들에 적용된다. display: block; 신고서

HTML 또한 비록 다르지만 유사한 개념을 가지고 있고, 두 가지는 매우 자주 혼동된다. %block; 그리고 %inline; 요소를 "블록 수준" 또는 "인라인"으로 그룹화하는 HTML DTD 내의 그룹이다.[6] 이것은 그들의 내포 동작을 정의하는데 사용된다:[note 4] 블록 레벨 요소는 인라인 컨텍스트에 배치할 수 없다. 이 행동은 바꿀 수 없다; 그것은 DTD에 고정되어 있다. 블록 및 인라인 요소에는 특정 요소 유형에 대한 박스 모델의 관련성을 포함하여,[6] 기본적으로 적절하고 서로 다른 CSS 동작이 부착되어 있다.

이러한 CSS 동작은 기본값에서 변경될 수 있으며 자주 변경된다는 점에 유의하십시오. 목록: <ul><li> ... 이다 %block; 요소 및 기본적으로 블록 요소로 표시된다. 그러나 CSS로 인라인 리스트를 표시하도록 설정하는 것은 매우 일반적이다.[7]

개요

구문

HTML 컨테이너 요소의 일부

HTML 구문에서는, 대부분의 요소들이 시작 태그와 끝 태그로 쓰여지고, 내용 사이에 쓰여진다. HTML 태그각괄호로 둘러싸인 요소의 이름으로 구성된다. 엔드 태그에는 또한 시작 태그와 구별하기 위해 개구부 각도 브래킷 뒤에 슬래시가 있다. 예를 들어, 문단은 다음과 같이 표현된다. <p> 원소, 다음과 같이 기록된다.

<p>HTML 구문에서는 대부분의 요소가 쓰여 있다...</p> 

그러나 이러한 요소들 모두가 엔드 태그 또는 시작 태그가 있어야 하는 은 아니다.[4] 일부 요소, 이른바 보이드 요소에는 끝 태그가 없다. 대표적인 예가 다음과 같다. <br> (하드 라인 브레이크) 요소. 보이드 요소의 동작은 미리 정해져 있으며, 내용이나 다른 요소를 포함할 수 없다. 예를 들어, 주소는 다음과 같이 기록될 것이다.

월러비 웨이 시드니 P. 셔먼 42 

XHTML을 사용할 때는 보이드 요소를 포함한 모든 요소를 열고 닫아야 한다. 이것은 시작 태그 직후에 엔드 태그를 배치하는 것으로 할 수 있지만, HTML 5에서는 합법적이지 않고 두 가지 요소가 생성될 것이다. XHTML과 HTML 5 둘 다와 호환되는 보이드 요소임을 명시하는 대안적인 방법은 다음과 같다. / 꼬리표 에 (과 혼동하지 않도록) / 닫는 태그의 시작 부분에.

월러비 웨이 (P. Shermany 

HTML 속성은 시작 태그 내부에 지정된다. 예를 들어, <abbr> 약어를 나타내는 요소는 title 시작 태그 내에 속성이 있다. 이것은 다음과 같이 기록될 것이다.

<abbr title="br">abbr.</abbr> 


HTML 요소에는 정상 요소, 원시 텍스트 요소, 보이드 요소 등 여러 종류가 있다.

일반 요소에는 일반적으로 시작 태그와 끝 태그가 모두 있지만, 일부 요소의 경우 끝 태그 또는 두 태그 모두 생략할 수 있다. 유사한 방식으로 구성된다.

  • 출발 태그 (<tag>) HTML 속성의 개수를 포함할 수 있는 요소의 시작을 표시한다.
  • 텍스트 및 기타 요소를 포함한 일부 내용
  • 요소 이름 앞에 슬래시가 붙은 끝 태그: </tag>.

원시 텍스트 요소(텍스트 또는 텍스트 전용 요소라고도 함)는 다음을 사용하여 구성된다.

  • 출발 태그(양식) <tag>) HTML 속성의 개수를 포함할 수 있는 요소의 시작을 표시한다.
  • 일부 텍스트 내용이지만 요소 없음(해당되는 엔드 태그를 제외한 모든 태그는 내용으로 해석됨)
  • 요소 이름 앞에 슬래시가 붙은 끝 태그: </tag>HTML의 일부 버전에서 엔드 태그는 일부 요소에서 선택 사항이다. 엔드 태그는 XHTML에 필요하다.

그 예는 다음과 같다. <title> 요소는 다른 요소(텍스트의 마크업 포함)를 포함할 수 없으며, 일반 텍스트만 포함할 수 없다.

보이드 요소(빈 요소, 단일 요소 또는 독립형 요소라고도 함)에는 시작 태그만 있다(양식). <tag>()는 HTML 속성을 포함하고 있다. 텍스트나 기타 요소와 같은 어린이를 포함할 수 없다. XHTML과의 호환성을 위해, HTML 사양은 선택적인 공간과 슬래시를 허용한다.<tag /> 허용된다. 공간과 슬래시는 XHTML과 다른 XML 어플리케이션에서 필요하다. 두 가지 공통적인 보이드 요소는 <br /> (시나 어드레스와 같은 딱딱한바꿈을 위해) <hr /> (주제적인 휴식) 다른 그러한 요소들은 종종 이미지와 같은 외부 파일을 참조하는 자리 표시자(place-holder)이다.<img />) 요소. 그런 다음 요소에 포함된 속성이 문제의 외부 파일을 가리킨다. 보이드 요소의 다른 예는 <link />, 여기서 구문:

<연결하다 다시 하다="스타일시트" href="reason.css" 타자를 치다="text/css"> 

이거. <link /> 요소가 사용자에게 HTML 문서를 제공할 때 사용할 스타일시트에 브라우저를 가리킨다. HTML 구문 속성이 문자, 숫자, 하이픈 미니어처 및 마침표와 같은 특정 문자로만 구성된 경우에는 인용할 필요가 없다는 점에 유의하십시오. 반면 XML 구문(XHTML)을 사용할 때는 모든 속성이 인용되어야 하며, 마지막 각도 브래킷 전에 스페이스 후행 슬래시가 필요하다.

<링크 을 다시 하다."스타일시트" href="reason.css" 타자를 치다"text/css" /> 


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

반면에 부울 속성은 값을 지정할 필요가 없다. 그 예는 다음과 같다. checked 확인란:

<입력하다 타자를 치다=확인란 확인했다> 

그러나 XML(따라서 XHTML) 구문에서는 이름을 다음과 같이 반복해야 한다.

<< input> 타자를 치다"checkbox" 체크하다"checked" /> 

비공식적으로 HTML 요소를 "태그"(synecdoch의 예)라고 부르기도 하지만, 많은 사람들이 요소의 시작과 끝을 구분하는 마크업과 관련하여 태그라는 용어를 엄격히 선호한다.

요소(및 속성) 명칭은 HTML에서 대문자 또는 소문자 조합으로 작성될 수 있으나, XHTML에서는 소문자여야 한다.[8] 표준형식은 HTML 4까지 대문자였고, HTML 규격에서 사용되었으나, 근래 들어 소문자(case)가 더욱 일반화되었다.

요소표준

HTML 요소는 IETF에 의해 그리고 그 후에 W3C에 의해 1995년 이후 발행된 일련의 자유 이용 가능한 개방형 표준에서 정의된다.

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의 세 가지 유형의 존재에 의해 요소의 상태가 복잡하다.

  • 이상 사용되지 않는 요소를 포함하지만 저자가 자신의 관행을 갱신할 수 있는 과도기를 제공하기 위한 과도기.
  • 프레임셋(Frameset)은 작성자가 프레임셋 문서를 작성할 수 있도록 하는 과도기 DTD의 버전이다.
  • Strong, 이것은 HTML의 최신 형태다.

대신 HTML5는 표준화된 규범적 컨텐츠와 함께 사용할 수 있는 구식 기능의 목록을 제공한다. 이러한 지침들은 실행 지침이 존재하는 "무조건 준수"와 교체해야 하는 "비적합"으로 구분된다.[11]

첫 번째 표준(HTML 2.0)은 4개의 더 이상 사용되지 않는 요소를 포함했으며, 그 중 하나는 HTML 3.2에서 유효하지 않았다. 4개 모두 HTML 4.01 Transition에서는 무효로 되어 있는데, 이 역시 10개의 요소를 더 이상 사용하지 않았다. 모든 것, 그리고 다른 두 가지는 HTML 4.01 Strong에서 무효다. Frame 요소는 Transition 및 Frameet DTD에 존재한다는 의미에서 여전히 최신이지만, 기능이 크게 대체되어 사용자 접근성에 문제가 많은 만큼 향후 표준에서 보존할 계획은 없다.

(엄밀히 말하면, 가장 최근의 XHTML 표준인 XHTML 1.1(2001)은 프레임을 전혀 포함하지 않는다. XHTML 1.0 Strong과 거의 동일하지만 Ruby 마크업 모듈도 포함한다.)[12]

공통적인 혼란의 근원은 사용되지 않는 상태와 무효한 상태, 그리고 미래에 공식적으로 사용되지 않을 것으로 예상되는 요소들을 언급하기 위해 사용되지 않는 느슨한 사용이다.

내용 대 프레젠테이션 및 동작

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

행동(간격성)도 내용과 별개로 유지되며, 대본에 의해 처리된다. 이미지는 페이지 내용의 일부로 간주될 수 있지만 텍스트와 분리된 별도의 그래픽 파일에 포함되어 있다.

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

역사적으로 사용자 에이전트는 이러한 기능을 항상 지원하는 것은 아니었다. 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 2.0으로 표준화됨, 여전히 최신 상태임.
<body></body>

(하위 요소에 대한 문서 본문 요소를 참조하십시오.)

HTML 문서의 표시 가능한 내용에 대한 컨테이너.
시작 태그와 끝 태그는 모두 생략하고 하위 요소(HTML5)에서 유추할 수 있다.[4]
HTML 2.0으로 표준화됨, 여전히 최신 상태임.

문서 헤드 요소

<base />
모든 상대방에 대한 기본 URL 지정 href 문서의 다른 링크. 외부 자원을 참조하는 요소 앞에 나타나야 한다. HTML은 하나만 허용함 <base> 각 문서에 대한 요소 이 요소에는 HTML 속성이 있지만 내용은 없다.
이 요소의 개발 버전(as) BASE)은 HTML 태그에 언급되어 있으며, HTML 2.0으로 표준화되어 있으며, 여전히 최신이다.
<basefont /> (deprecated)
문서의 기본 글꼴 크기, 서체 및 색상을 지정하십시오. 와 함께 사용됨 <font> 요소들 스타일시트를 선호하지 않음.
HTML 3.2표준화, HTML 4.0 전환에서 사용되지 않음, HTML 4.0 엄격에서 유효하지 않음.
<isindex /> (deprecated)
<isindex> 문서 헤드 또는 본문에 나타날 수 있지만 문서에 한 번만 나타날 수 있다. 양식을 참조하십시오.
이전다음 링크 또는 대체 버전과 같은 다른 문서에 대한 링크를 지정하십시오.[17] 일반적인 용도는 양식을 사용하여 외부 스타일시트에 연결하는 것이다. <link rel="stylesheet" type="text/css" href="url" title="description_of_style">덜 흔하지만 중요한 사용은 마이크로포맷의 사용을 통해 항법 힌트를 일관성 있게 제공하는 것이다.[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 Coreresource 설명 프레임워크로부터.
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> 원소는 문서에 허용된다.
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 이전의 정의 목록으로 알려진 설명 목록(예: k.a. 연관 목록 또는 정의 목록).[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, ii... – HTML 값: i; CSS 값: lower-roman
  • 1, 2, 3 ... – HTML 값: 1; decimal
CSS는 다음을 포함하여 순수-HTML 마크업으로 사용할 수 없는 몇 가지 다른 옵션을 제공한다. noneCJK, 히브리어, 그루지야 및 아르메니아어 스크립트에 대한 옵션.
OL HTML 인터넷 드래프트 1.2에 존재했고 HTML 2.0으로 표준화되었다. 여전히 최신이다.
<ul>...</ul>
주문되지 않은(게스트된) 목록. 목록 항목 마커의 유형은 HTML 속성: ; 또는 CSS 선언: – 교체에서 지정할 수 있다. foo 다음 중 하나(HTML 및 CSS에 동일한 값이 사용됨): disc (기본값), square또는 circleHTML5에서는 CSS 방법만 지원된다. 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 Transition에서는 사용되지 않았다. HTML 4.0 Strong에서는 유효하지 않다.

기타 블록 요소

<address>...</address>
문서 작성자의 연락처 정보.
ADDRESS HTML 태그에 존재했으며 HTML 2.0으로 표준화되었으며, 여전히 최신이다.
<article>...</article>
기사 및 기타 유사한 내용에 사용됨.
HTML5표준화.
<aside>...</aside>
기본 페이지 내용(예: 사이드바 또는 광고)과 분리된 문서의 내용에 사용된다.
HTML5표준화.
<blockquote>...</blockquote>

인용문에 블록 수준 요소가 포함된 경우(예: 단락) 블록 수준 인용.cite 속성(요소와 혼동되지 않아야 함)은 소스를 제공할 수 있으며, 완전한 자격을 갖춘 균일한 리소스 식별자여야 한다.

비주얼 브라우저에서 블록 인용구의 기본 표시는 대개 두 여백에서 블록 인용구를 들여쓰는 것이다. 이것은 의미론에 관계없이 단지 문단을 들여쓰기 위해 불필요하게 요소를 사용하게 만들었다. 블록 수준 요소를 포함하지 않는 인용문은 따옴표()<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 Transition에서 사용되지 않았다; HTML 4.0 Strong에서 유효하지 않다; HTML5에서 다시 정의되었지만 HTML 5.2에서 제거되었다.
기사의 탐색 섹션(다른 웹 페이지에 대한 링크가 포함된 웹 페이지의 영역)에 사용됨.
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 /> A과 함께 src 속성: 스크립트를 로드하거나 다음으로 사용할 URL 제공 <script>...</script> 포함된 스크립트 내용. 참고: <script> 블록이나 인라인 요소 자체가 아니다. 그 자체로는 전혀 표시되지 않아야 하지만, 블록 또는 인라인 콘텐츠를 동적으로 생성하라는 지침을 포함할 수 있다.
HTML 3.2표준화, 여전히 최신.

인라인 요소

인라인 요소를 바로 내부에 배치할 수 없음 <body> 요소; 블록 수준 요소 내에 완전히 내포되어야 한다.[24]

<a>...</a>

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

HTML에서 앵커하이퍼링크오리진(앵커 텍스트) 또는 대상(대상) 끝일 수 있다.

속성 포함 href닻은 외부 URL을 사용하여 문서의 다른 부분 또는 다른 자원(예: 웹 페이지)에 대한 하이퍼링크가 된다.[26] 또는 (그리고 동시에) 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 툴팁 또는 다른 방법으로 값을 표시한다. 일부 브라우저에서는 alt 텍스트를 동일한 방식으로 렌더링하지만 이는 규격에서 요구하는 것은 아니다.

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; }. The <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> 요소는 "중국어 텍스트에서 텍스트를 고유 이름(중국어 고유 이름 표시)으로 표시하거나 텍스트가 잘못된 것으로 표시하는 등 명시적으로 렌더링되지 않았지만 텍스트가 아닌 주석이 있는 텍스트의 범위"를 의미한다. HTML5 규격은 개발자들에게 다른 요소들이 거의 항상 보다 적절하다는 것을 상기시킨다. <u> 그리고 하이퍼링크로 혼동될 수 있는 밑줄 친 텍스트를 사용하지 않도록 설계자에게 권고한다.[31]
U HTML 인터넷 드래프트 1.2에 존재했고, HTML 3.2로 표준화되었지만 HTML 4.0 Transition에서 더 이상 사용되지 않았고 HTML 4.0 Strong에서 무효화되었다. HTML5에 다시 소개.
<small>...</small>
HTML 4에서 글꼴 크기 감소( 작은 텍스트). 등가 CSS: { font-size: smaller; } HTML5에서는 <small> 요소는 "소형 인쇄물 등의 측면 주석"[32]을 의미한다. 이로 인해 일부 혼선을 빚었다. <aside>...</aside> 원소의
HTML 3.2표준화, 여전히 최신.
<s>...</s>
HTML 4에서 trike-through 텍스트(Strikhrough)를 나타내며 다음과 동일했다. <strike>. HTML5에서는 <s> 요소는"더 이상 정확하지 않거나 더 이상 관련이 없는"정보를 의미하며,이와혼동해서는 안 된다. <del>, 제거/제거를 나타냄.[33]
S HTML 4.0 Transition(이전 표준에서는 나타나지 않은 상태)에서 더 이상 사용되지 않았으며 HTML 4.0 Strong에서는 유효하지 않았다. 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 Transition에서 사용되지 않고 HTML 4.0 Strong에서 유효하지 않다.
<tt>...</tt> (deprecated)
고정 너비 글꼴(타자기와 유사), 텔레타이프라고도 하며, 따라서 "tt"라고도 한다. (동일한 CSS: { 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 전환에서 사용되지 않음, HTML 4.0 엄격에서 유효하지 않음. 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 참조 중 하나 이상을 포함(이에 국한되지는 않음)하거나, 또는 사용된 규약에 따라 축약된 형태로 된 참조를 포함(그러나 이에 국한되지는 않음)할 것을 요구한다.r 인용 메타데이터의 추가.[37] 그러나 WHTWG 규격은 단지 작품의 제목 주위에 요소를 사용하는 것을 허용한다.[38] W3C 사양은 광범위한 정의에서 시작되었고, WHTWG가 이러한 변경을 한 후 매우 좁은 정의로 전환되었다. 그러나, W3C는 부정적인 개발자-커뮤니티 피드백에 대응하여 2012년에 그들 자신의 변화를 되돌렸다; 요소는 광범위한 범위(예: 다양한 블로그 및 포럼 플랫폼)와 함께 광범위하게 배치되었다. <cite>...</cite>그리고 참고 문헌 인용문을 위해 요소를 사용하는 사람들은 이 요소에서 각 인용문 전체를 일상적으로 포장(그리고 여전히 포장)하고 있었다. 이 요소의 또 다른 문제는 WHTWG가 (그들의 관점에서) 출판물 제목만을 위한 것이기 때문에 기본적으로 이탤릭체로 표기할 것을 권고한다는 점이다. 그러나 관례에 따라 어떤 종류의 제목만 실제로 이탤릭체를 사용하고, 다른 것들은 인용 부호가 붙을 것으로 예상되며, 실제로 표준은 출판 문맥과 언어에 따라 달라질 수 있다. 따라서 많은 웹 사이트 작성자와 관리자는 사이트 전체 스타일시트를 사용하여 이 요소의 자동 이탤릭체를 실행 취소한다.
<data>...</data>
인라인 콘텐츠를 기계에서 읽을 수 있는 번역으로 연결.
HTML5표준화.[39]
<del>...</del>
삭제된 텍스트. 일반적으로 취소선으로 렌더링됨: 삭제된 텍스트.
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>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표준화.
<time>...</time>
24시간 시계에 있는 시간 또는 그레고리력으로 된 날짜를 나타내며, 선택적으로 시간 및 시간대 정보와 함께 표시한다. 또한 시간과 날짜를 기계 판독 가능한 형식으로 나타낼 수 있다.
HTML5표준화.[45]
<wbr />
단어 구분 선택 사항.
HTML5에서 마침내 표준화가 될 때까지 비표준임에도 불구하고 수년 동안 널리 사용(그리고 모든 주요 브라우저의 지원)되었다.

이미지 및 객체

<applet>...</applet> (deprecated)
페이지에 Java 애플릿을 삽입한다. 에 대해 더 이상 사용되지 않음 <object>그것은 Java 애플릿과 함께만 사용될 수 있었고 접근성 제한이 있었다.
HTML 3.2표준화, HTML 4.0 전환에서 사용되지 않음, HTML 4.0 엄격에서 유효하지 않음. 2011년 현재, 여전히 교체의 구현으로 널리 사용되고 있다. <object> 서로 다른 브라우저 간에 일치하지 않음.
<area />
포커스 가능 영역을 지정함 <map>.
HTML 3.2표준화, 여전히 최신.
<audio>...</audio>
페이지에 재생 가능한 HTML5 오디오 추가. 오디오 URL은 다음을 사용하여 결정된다. src 기여하다 지원되는 오디오 형식은 브라우저마다 다르다.
HTML5표준화.
<canvas>...</canvas>
JavaScript로 내용을 편집할 수 있는 캔버스 추가. 온라인 게임에 자주 사용된다.
HTML5표준화.
<embed>...</embed>
문서에 (애플릿과 같은) 비표준 객체 또는 외부 내용(일반적으로 비 HTML)을 삽입한다.
HTML 4에서 다음 이유로 더 이상 사용되지 않음 <object>, 그러나 HTML5 사양에[46][47] 다시 추가됨
<img />
비주얼 사용자 에이전트가 문서에 이미지를 삽입하는 데 사용.src 속성은 이미지 URL을 지정한다. 필요한 속성은 영상을 표시할 수 없는 경우에 대비하여 대체 텍스트를 제공한다.[48] (하지만) alt 대체 텍스트로 작성되었으며, Microsoft Internet Explorer 7 이하에서는 이 텍스트가 없으면 툴팁으로 제공됨 title 속성이 [49]주어지다반면 SafariGoogle Chrome은 alt 속성을 전혀 표시하지 않는다.)[50]<img /> 요소는 마크 안드레센에 의해 처음 제안되었고 NSCA 모자이크 웹 브라우저에서 구현되었다.[51]
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>
의 목록 options 형식 요소에 사용.
HTML5표준화.
<fieldset>...</fieldset>
폼에 구조를 추가하기 위한 컨테이너. 예를 들어, 일련의 관련 컨트롤은 다음과 같이 그룹화할 수 있다. <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 속성은 입력의 기본 너비를 문자 너비로 지정한다. 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 전환에서 사용되지 않음, HTML 4.0 Strong에서 유효하지 않음.
<keygen>...</keygen> (deprecated)
키 쌍 생성기.
HTML5표준화되었지만 HTML 5.2에서 제거됨.
<label for="id">...</label>
다음과 같은 양식 입력에 대한 레이블 작성 radio라벨을 클릭하면 일치하는 입력을 클릭한다.
HTML 4.0으로 표준화됨, 여전히 최신 상태임.
<legend>...</legend>
에 대한 범례(자막) <fieldset>.
HTML 4.0으로 표준화됨, 여전히 최신 상태임.
<meter>...</meter>
a가 필요한 미터 value 기여하다 다음 항목도 포함 가능: min, low, high그리고 max.
HTML5표준화.
<option value="x">...</option>
에 항목 생성 <select> 리스트를 작성하다
HTML 2.0으로 표준화됨, 여전히 최신 상태임.
<optgroup>...</optgroup>
그룹의 식별 <option> 의 요소. <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 Transition에서는 몇 가지 HTML 속성이 가능하지만, HTML Strong에서는 대부분 유효하지 않고 스타일시트로 대체할 수 있다.summary 속성은 사용법이 간단하지는 않지만 접근성 목적을 위해 비공식적으로 요구된다.
HTML 3.0 초안에서 제안됨; HTML 3.2로 표준화됨; 여전히 최신 상태임.
<tr>...</tr>
셀 행을 포함하는 위치 <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>
에 대한 데이터 본문을 지정함 <table>.
HTML 표에서 제안됨, HTML 4.0에서 표준화됨, 최신 상태임.
<tfoot>...</tfoot>
의 바닥글 부분을 지정함 <table>. like <thead>테이블이 페이지(인쇄 또는 기타 페이징 매체에서)로 분할된 경우 사용자 에이전트에 의해 이 섹션이 반복될 수 있다.
HTML 표에서 제안됨, HTML 4.0에서 표준화됨, 최신 상태임.

프레임

프레임은 비주얼 HTML 브라우저 창을 세그먼트로 분할할 수 있도록 하며, 각 영역은 다른 문서를 보여줄 수 있다. 레이아웃의 반복적인 부분을 한 프레임에 사용할 수 있고 가변 컨텐츠는 다른 프레임에 표시될 수 있기 때문에 이것은 대역폭 사용을 낮출 수 있다. 이것은 서로 인접하여 표시되고 동일한 상위 창구와 상호작용이 허용되기 때문에 특히 비시각적 사용자 에이전트에서 특정한 사용적합성 비용으로 발생할 수 있다.[52] 이 비용 때문에 프레임(단, 단, <iframe> 요소)는 HTML 4.01 프레임 집합에서만 허용된다. Iframes는 또한 다른 서버에 문서를 보관할 수 있다. 이 경우 창 간의 상호 작용은 브라우저에 의해 차단된다. 페이스북이나 트위터 같은 사이트는 iframes를 사용하여 타사 웹사이트에 콘텐츠(플러그인)를 표시한다. 구글 애드센스는 iframes를 사용하여 제3자 웹사이트에 배너를 표시한다.

HTML 4.01에서 문서에는 다음이 포함될 수 있다. <head> 그리고 a <body> 또는 a <head> 그리고 a <frameset>, 그러나 둘 다 a는 아니다. <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 Transition으로 표준화, HTML5에서는 사용되지 않음.
<iframe>...</iframe>
인라인 프레임은 다른 HTML 문서를 프레임에 배치한다. an과 달리 <object /> 원소, an <iframe> 다른 요소에 의해 정의된 링크의 "대상" 프레임이 될 수 있으며, 인쇄, 출처 보기 등의 포커스로 사용자 에이전트에 의해 선택될 수 있다. 요소의 내용은 브라우저가 인라인 프레임을 지원하지 않는 경우 표시할 대체 텍스트로 사용된다.
1997년에 마이크로소프트 Internet Explorer에 의해 처음 소개되었고 HTML 4.0 Transition으로 표준화되었으며 HTML5에서 허용되었다.

longdesc 기여하다

HTML에서 는 에서 사용되는 속성이다. <img />, <frame />또는 <iframe> 요소들 문제의 이미지, 프레임 또는 iframe에 대한설명을 제공하는 문서의 URL[note 5] 되어 있다.[53] 이 속성은 일반적으로 잘못 알고 있는 것처럼 설명 자체의 텍스트가 아니라 URL을 포함해야 한다는 점에 유의하십시오.

longdesc 시각장애인이나 시각장애인 등 접근성 문제가 있는 컴퓨터 사용자를 위해 화면 판독기가 이미지 정보를 표시하기 위해 고안된 것으로 웹브라우저와 화면 판독기 모두에 의해 널리 구현되고 있다.[54] 일부 개발자들은 속성을 사용하는 저자가 상대적으로 적고 대부분의 저자들이 잘못 사용하기 때문에 실제로 이 목적을 위해 거의 사용되지 않는다고[55] 반대한다. 따라서 그들은 이 속성을 사용하지 말 것을 권고한다. longdesc.[56] 출판업계가 의 존속을 표방하며 대응해 왔다. longdesc.[57]

<img src="Hello.jpg" 장황하게 말하다="description.html"> 


의 내용 description.html:

<br /> <p>2층 생일 케이크의 모습이다.</p> ...  

텍스트의 긴 설명에 연결

링크를 기본적으로 사용할 수 있도록 지원하는 그래픽 브라우저는 극소수에 불과하므로(Opera와 iCab은 예외임), 근처에 설명 페이지에 대한 링크를 포함하는 것이 유용하다. <img /> 가능한 경우 요소, 시력을 가진 사용자에게도 도움이 될 수 있다.

<임그 src="Hello.jpg" longdesc="description.html" /><<a href= "description.html" 제목="long description of image">>>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에서는 사용되지 않음.[58]
<plaintext /> (deprecated)
<plaintext /> 마크를 종료하고 문서의 나머지 부분을 일반 텍스트처럼 구문 분석하므로 끝 태그가 없다.
<plaintext /> HTML 태그에 존재함, HTML 2.0에는 사용되지 않음, HTML 4.0에는 유효하지 않음.
<xmp>...</xmp> (deprecated)
이 요소는 HTML을 해석하지 않고 태그 안에 있는 텍스트를 단공간 글꼴로 표시하였다. HTML 2.0 규격은 한 줄에 80자로 렌더링할 것을 권장하였다.
HTML 3.2에서 사용되지 않음, HTML5에서는 사용되지 않음.[59]
<nextid /> (deprecated)
이 요소는 NeXT 웹 설계 도구를 사용하여 앵커에 대한 자동 NAME 라벨을 생성할 수 있었고 자동으로 생성되었다.[60]
<nextid /> HTML 태그(사용되지 않음으로 설명됨), HTML 2.0에서 사용되지 않음, HTML 3.2 이상에서 유효하지 않음.

비표준요소

이 절에는 널리 사용되는 일부 구식 요소가 나열되어 있으며, 는 유효한 코드에서 사용되지 않음을 의미한다. 모든 사용자 에이전트에서 지원되지 않을 수 있다.

텍스트가 깜박거리게 한다. ANSI 탈출 코드를 모방하여 도입되었다. 지원되는 경우 CSS로 수행할 수 있는 작업: {text-decoration: blink} (이 효과는 감광성 간질을 가진 사람들에게 부정적인 영향을 미칠 수 있다;[61] 공공 인터넷에서의 그것의 사용은 적절한 지침을 따라야 한다.)
<blink> Netscape Navigator에서 시작되었으며, Firefox를 포함한 그 후손들에게 대부분 인식되고 있다; HTML 2.0 이상에서 사용되지 않거나 무효화된다. 대체 CSS 태그는 표준이긴 하지만 지원될 필요는 없다는 점에 유의하십시오.
<layer>...</layer> (deprecated)
절대 포지셔닝 및 프레임 레이어를 작성 대신 프레임 및/또는 CSS로 수행할 수 있다. ID, Left, TOP, PAGEX, PAGEX, PAGEY, SRC, Z-INDEX, , 너비, 높이, 아래, CLIP, Visibility, CLIP 등의 속성이 있다.
<layer> Netscape 4에서 시작됨; HTML 4.01 이상에서 사용되지 않거나 유효하지 않음.
<marquee>...</marquee> (deprecated)
스크롤 텍스트 작성. 대신 스크립팅을 통해 수행할 수 있음. (이 효과는 감광성 간질을 가진 사람들에게 부정적인 영향을 미칠 수 있다;[61] 공공 인터넷에서의 그것의 사용은 적절한 지침을 따라야 한다.) 대체, 스크롤, 슬라이드 등 세 가지 옵션이 있다. 스크롤델레이도 추가할 수 있다.
<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 태그와 달리 코멘트는 중첩되지 않는다.

마크업 <!--Xbegin<!--Y-->Xend--> 브라우저에 따라 코멘트와 텍스트 뒤에 또는 때로는 단지 코멘트를 제공할 것이다.

코멘트는 다른 HTML 태그 구조 내에 있지 않은 한 어디에 나타나더라도 무시되어야 하기 때문에 문서의 어느 곳에서도 코멘트가 나타날 수 있다(즉, 코멘트는 속성과 값 옆에 사용할 수 없다). 이는 잘못된 마크업이다. <span id="x1"<--for "extension one"--> style="..."<).

코멘트는 심지어 문서 유형 선언 전에 나타날 수 있다. 다른 태그는 이를 수행할 수 없다.

그러나 모든 브라우저와 HTML 편집기가 HTML 구문 프레임워크를 완전히 준수하는 것은 아니며, 일부 구문 조건에서는 예측할 수 없는 일을 할 수도 있다. 코멘트의 불완전한 처리는 사용 중인 모든 브라우저와 HTML 편집기의 약 5%에만 영향을 미치고, 심지어 특정 버전만 코멘트 처리 문제에 영향을 받는다(Internet Explorer 6은 이 높은 비율의 대부분을 차지한다).

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

  • 코멘트(또는 실제로 공백이 없는 문자)를 앞에 붙인다. doctype Internet Explorer 6이 HTML 페이지에 keeirks 모드를 사용하도록 할 것이다. 어느 쪽도 아니다 doctype 정보가 처리될 것이다.
  • 1995년 이전 버전의 일부 브라우저와의 호환성을 위해 <style> 그리고 <script> 요소들은 여전히 코멘트 구분 기호로 둘러싸여 있으며, CSS-와 스크립트 가능 브라우저들은 코멘트가 아닌 코멘트 마크를 특별히 무시하기 위해 쓰여진다. 즉, 코멘트 내부의 요소를 인식하지 못하는 것으로 변경하여 CSS와 스크립트 마크업을 실제로 코멘트하려고 한다. <-- [script]...[/script] -->.
  • 버전 1.7의 BlueGriffon HTML 편집기.x는 구문 구조에 포함되어 있지 않은 코멘트를 한다. <style> ... {comment tags} ...</style> 화면에 나타날 거야 다른 HTML 편집기는 이와 동일한 결함을 가질 수 있다.

참고 항목

메모들

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

참조

  1. ^ 위로 이동: "§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. ^ 위로 이동: "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. ^ 위로 이동: "§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. ^ § 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. ^ W3C (5 April 2011). "HTML5: A Vocabulary and Associated APIs for HTML and XHTML, W3C Working Draft"..
  24. ^ HTML 4.01, W3.org, retrieved 2012-03-26
  25. ^ 더미용 HTML 4 2005년 5월 5일, Ed Tittel, Mary C. 버마이스터; 페이지 96.
  26. ^ "ServerWriter -- /Provider". www.w3.org.
  27. ^ "HTML 5.2". www.w3.org.
  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. ^ 위로 이동: 11 Obsolete features — HTML5, W3.org, 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. ^ "제4.5.6조 인용요소"HTML 생활표준.
  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. ^ "<time>". MDN Web Docs.
  46. ^ 제니퍼 키린 <embed>
  47. ^ W3Schools about <embed>
  48. ^ alt 속성의 텍스트는 마크업으로 스타일링할 수 없다. 결과적으로 Fahrner 이미지 교체와 같은 다른 대체 텍스트 표시 방법은 사용자의 브라우저에서 이미지가 비활성화된 경우 코더가 스타일링된 텍스트를 표시하기를 원하는 상황을 수용하기 위해 고안되었다.
  49. ^ "What's New in Internet Explorer 8 – Accessibility and ARIA". MSDN. Microsoft. Retrieved 2009-07-22.
  50. ^ Bug 5566 – ALT attribute value sometimes not displayed when image is missing, Bugs.webkit.org, retrieved 2012-03-26
  51. ^ WWW-Talk Jan-Mar 1993: proposed new tag: IMG, 1997.webhistory.org, retrieved 2012-03-26
  52. ^ "Are frames accessible?". ...frames do present additional usability challenges that are unique to users with disabilities, particularly those who use screen readers.
  53. ^ "Objects, Images, and Applets". W3C. Retrieved 2008-12-20.
  54. ^ "InState Longdesc". Retrieved 2011-09-05.
  55. ^ "Creating Accessible Images". WebAim. Retrieved 2008-12-20.
  56. ^ Longdesc usage - WHATWG Wiki, Wiki.whatwg.org, retrieved 2012-03-26
  57. ^ "Bug 13461 - Commentary on Issue #30 (longdesc) from the Association of American Publishers". Retrieved 2011-09-05.
  58. ^ "<listing>". MDN Web Docs.
  59. ^ "<xmp>". MDN Web Docs.
  60. ^ "<nextid>: The NeXT ID element (Obsolete)". MDN Web Docs.
  61. ^ 위로 이동: Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). "Web Content Accessibility Guidelines 1.0". World Wide Web Consortium. Retrieved 2010-07-20.

참고 문헌 목록

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:
W3C (2002-08-01) [2000]. "XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)". Revised version. W3C. 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. (HTML 5.2에 의해 2018-03-27로 대체됨)
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을 대체하십시오.
WHTWG HTML5 Living Standard:
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는 해당 페이지에서 색인화된 독립 모듈로 개발된다.)

외부 링크