코드랩 레퍼런스

태그는 참조용 표시를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Phrasing Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 시각적 표현 노란색 배경으로 표시 버전 HTML5 Definition 태그는 중요성과 강조를 고려하지 않는 단순 표시사항으로 사용합니다. 태그는 검색 결과에 대한 단순 표시사항으로도 사용합니다. Compare 글씨를 다른 텍스트와 단순 구별하고 싶을 때에는 태그를 사용합니다. 글씨를 강조하고 싶다면 태그를 사용합니다. 글씨의 중요성을 강조하고 싶다면 태그를 사용합니다. 글씨의 중요성과 강조를 고려하지 않는 단..

태그는 이미지 맵을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 밑줄과 파란색으로 표시 버전 HTML4 Definition 태그는 이미지 요소에 클릭할 수 있는 영역을 설정합니다. 태그는 요소를 통해 영역을 설정합니다.

태그는 웹 문서의 주요 콘텐츠 그룹화를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 모델 Flow Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML5 Definition 요소에는 문서의 핵심이 되는 내용을 포함하고, 사이드 메뉴, 네비게이션 링크, 로고 영역, 검색 영역은 포함할 수 없습니다. 요소는 문서에서 한 번만 사용할 수 있으며, , , , , 요소 등의 자식 요소로 올 수 없습니다. CrossBroswing 태그는 HTML5의 새로운 기능입니다.

태그는 문서와 외부 파일 연결 할 때 설정합니다. 특징 설명 콘텐츠 카테고리 Metadata Content 콘텐츠 모델 적용 없음 DOM 인터페이스 HTMLLinkElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Meta Element 닫는 태그 없음 시각적 표현 - 버전 HTML4 Definition 태그는 외부 CSS를 문서와 연결할 때 사용합니다. Compare 태그는 외부 CSS를 문서와 연결할 때 사용하고 태그는 외부 스크립트와 연결할 때 사용합니다.

태그는 목록의 항목(list item)을 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 Flow content. DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 HTMLLIElement 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그는 목록의 항목(list item)을 정의합니다. 태그는 (순서 없는 목록), (순서 있는 목록), (메뉴) 등의 항목으로 같이 사용됩니다. 요소 안에 다른 목록을 중첩으로 사용할 수 있습니다. CrossBroswing type 속성은 HTML5에서 지원하지 않습니다. value 속성은 HTML4에서 지원하지 않지만, HTML5에서는 지원합니다.

태그는 요소의 영역 제목을 정의합니다. 특징 설명 콘텐츠 카테고리 적용 안됨 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그는 요소의 영역 제목을 정의합니다.

태그는 요소의 라벨을 지정합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Interactive content, Form-associated element, Palpable content. 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLLabelElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 버전 HTML4 Definition 태그는 특별한 렌더링을 제공하지 않지만, 요소와 라벨을 마우스를 사용하지 않고, 키보드를 통해 컨트롤이 가능하며, 접근성이 향상됩니다. 요소와 라벨의 아이디가 같으면 속성이 연결됩니다. Compare 태..

태그는 보안키를 생성하고 컨트롤합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Interactive content, Listed, labelable, Submittable, Resettable Form-associated element, Palpable content. 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLKeygenElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 버전 HTML4 Definition 태그는 사용자들 간의 통신을 할 때 안전하게 데이터를 주고 받고 암호키를 생성합니다. 태그는 데이터를 주고 받을 때 개..

태그는 키보드 입력을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing (~) 시각적 표현 monotype 폰트로 표현 버전 HTML4 Definition 태그는 키보드 입력을 정의합니다. 태그는 시각적으로 브라우저 기본 폰트 monospace으로 표현됩니다. Compare 컴퓨터 소스 코드를 사용한다면 태그를 사용합니다. 수학적인 변수나 프로그램의 변수를 나타낼 대는 태그를 사용합니다. 컴퓨터 프로그램으로 출력된 결과물은 태그를 사용합니다. 사용자가 컴퓨터에 입력하는 문자는 태그를 사용..

태그는 문서에 삽입된 텍스트를 정의합니다. 특징 설명 콘텐츠 카테고리 Phrasing content, Flow content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing(~) 시각적 표현 밑줄 버전 HTML4 Definition 태그는 문서에서 수정이나 업데이트를 표현하기 위해서 사용합니다. 태그는 시각적으로 밑줄이 표시됩니다. Compare 문서에 삭제된 텍스트틀 표시하려면 태그를 사용합니다. 문서에 삽입된 텍스트를 표시하려면 태그를 사용합니다. Property 속성 값(예) 설명 버전 cite cite="url" 텍스트가 삽입 / 변경된 이유를 설명하는 문서의 URL을 지정합니다. - datetime d..

태그는 데이터를 입력할 수 있는 폼 컨트롤을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Listed, Submittable, Resettable, form-associated element, Phrasing content. 콘텐츠 모델 적용 없음 DOM 인터페이스 HTMLInputElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 없음 시각적 표현 버전 HTML4 Definition 태그는 사용자가 입력하는 컨트롤은 요소안에 설정합니다. 요소 안에는 요소가 설정되어 있어야 합니다. 태그는 반드시 속성 값을 설정합니다 CrossBroswing html5에서는 요소의 align 속성이 삭제되고, 여..

태그는 문서에 이미지를 표현할 때 사용합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Embedded content, Palpable content. 콘텐츠 모델 적용 안됨 DOM 인터페이스 HTMLImageElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 없음 시각적 표현 - 버전 HTML4 Definition 태그는 src 속성과 alt 속성은 필수적으로 설정합니다. 태그에 링크를 추가한다면, 태그를 추가합니다. title 속성을 설정하면 이미지에 대한 추가적인 정보를 제공하고, 브라우저에서는 말풍선으로 표시됩니다. 이미지는 로딩하는데 시간이 오래 걸리기 때문에 이미..

태그는 이미지를 불러올 때 사용하지만 현재는 사용하지 않습니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 - DOM 인터페이스 - 콘텐츠 속성 - 콘텐츠 요소 - 닫는 태그 사용(~) 시각적 표현 - 버전 - Definition 태그는 이미지를 불러올 때 사용하지만 현재는 사용하지 않고 대신 태그를 사용합니다.

태그는 HTML문서 내에 다른 문서를 포함하는데 사용합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Embedded content, Interactive content, Palpable content. 콘텐츠 모델 - DOM 인터페이스 HTMLIFrameElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그(inline frames)는 HTML문서 내에 다른 문서를 포함하는데 사용합니다. CrossBroswing 태그는 HTML4 속성이 삭제되고, HTML5에 새로운 속성이 추가되었습니다.

태그는 음성이나 감정 등의 텍스트를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing (~) 시각적 표현 이탤릭체로 표현 버전 HTML4 Definition 태그는 목소리나 감정 등의 텍스트를 정의합니다. 태그는 기술적인 구문이나, 외국어, 사상, 생각, 선박이름, 주변 콘텐츠와 다른 방식으로 표시하는 텍스트를 강조할 때도 사용합니다. 태그는 글씨를 굵게 표현할 때 쓰는 태그, 글씨를 강조할 때 쓰는 태그, 글씨의 중요성을 강조할 때 쓰는 태그, 참고용으로 표시할 때 쓰는 태그에 해당되지..

태그는 HTML 문서의 최상위 루트를 나타나태는 요소입니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 - 닫는 태그 사용(~) 시각적 표현 버전 HTML4 Definition 태그는 HTML 문서의 루트를 나타냅니다. 태그는 모든 요소를 포함하는 최상위 요소입니다.(는 제외) CrossBroswing HTML5에서 새로운 속성(manifest)이 추가되었습니다.

태그는 단란간의 주제별 구분을 나타냅니다. 특징 설명 콘텐츠 카테고리 Flow Content 콘텐츠 모델 - DOM 인터페이스 HTMLHRElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 없음 시각적 표현 수평선이 표현됨 버전 HTML4 Definition 태그는 연극에서 주제를 구분하거나, 책에서 화제 변경을 구분(horizontal rule)하기 위해 사용합니다. 태그는 시각적으로 수평선이 나타납니다. 태그는 시각적인 부분보다 의미론적으로 사용하므로, 시간적인 표현은 CSS를 통해 표현합니다. CrossBroswing HTML4에서 태그는 수평선을 의미하지만, HTML5에서 태그는 주제를 분리할 때 사용합니다.

태그는 제목 요소 그룹화를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용(~) 시각적 표현 버전 HTML5 Definition 태그는 제목 요소 그룹화를 정의합니다. 태그는 현재 실험단계에 있는 기술이므로 향후 변경될 수 있습니다.

태그는 웹 문서 내에 소개 및 내비 영역을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 모델 Flow Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 block Element 닫는 태그 사용(~) 시각적 표현 버전 HTML5 Definition 에는 제목 태그(~), 로고, 아이콘, 저자정보등을 포함합니다. 한 문서에는 여러개의 태그를 사용할 수 있습니다. 태그는 , 및 또 다른 안에 포함할 수 없습니다. CrossBroswing 태그는 태그는 HTML5에서 새롭게 생긴 태그입니다.

head 태그는 사이트의 헤더 요소들의 일반적인 정보를 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition head 태그는 제목과 스크립트, 메타 정보를 포함하고 있습니다. head 태그는 title, style, base, link, meta, script, noscript 요소들이 포함됩니다.

태그는 프레임을 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 프레임을 정의합니다. 태그는 여러개의 을 정의합니다. 태그는 여러개의 의 크기나 속성을 정의합니다. Compare frameset 태그는 HTML5에서 지원하지 않습니다. Property 속성 값(예) 설명 버전 cols cols="50%,50%" 프레임의 가로 값을 설정합니다. rows rows="50%,50%" 프레임의 세로 값을 설정합니다. Compatibility 6 7 8 9 10 11 frameset

태그는 다른 HTML문서가 표시 될 수 있는 특정 영역을 설정합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 block Element 닫는 태그 사용 버전 HTML4 시각적 표현 Definition frame 태그는 태그는 웹 접근성과 관련된 접근이 어려워 사용하지 않으며, 대신에 iframe을 사용합니다. CrossBroswing frame 태그는 태그는 웹에서 기능이 지워졌습니다. 하지만 일부 구 브라우저에서는 작동될 수 있습니다. Property 속성 값(예) 설명 버전 frameborder frameborder="0" 프레임 테두리 값을 설정합니다. longdesc longdesc="URL" 프레임 콘텐츠의 자세한 설..

태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 Definition 태그는 사용자가 폼을 입력한 후 버튼을 누르면 정보가 웹 서버에 전송됩니다. Property 속성 값(예) 설명 버전 accept accept="image/gif" 서버가 받아들이는 파일의 유형을 설정합니다. accept-charset accept-charset="UTF-8" 폼에 제출하는 언어 속성을 설정합니다. - action action="form.php" 폼 양식이 제출될 때..

태그는 웹 문서 내에 사이트 푸터 영역을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 사이트와 관련된 정보(저작권자, 연락처, 사이트 맵, 관련된 문서 링크)가 포함됩니다. 태그는 한 문서에서 여러번 사용할 수 있습니다. 태그 안에는 요소가 포함될 수 있습니다. Compare 태그는 HTML5에서 새로운 기능입니다. Compatibility 6 7 8 9 10 11 footer

태그는 폰트의 크기, 색, 종류를 설정합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 폰트의 크기, 색, 종류를 설정합니다. CrossBroswing 태그는 HTML5에서 지원하지 않습니다. Property 속성 값(예) 설명 버전 color color="red" 폰트 컬러를 설정합니다. face face="serif" 폰트 종류를 설정합니다. size size="8" 폰트 사이즈를 설정합니다. Compatibility 6 7 8 9 10 11 font

태그는 그림, 도표, 사진, 코드 등의 표현을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Sectioning Root, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 그림, 도표, 사진, 코드 등의 표현을 정의합니다. 태그는 문서 흐름에 영향을 미치지 않으며, 다른 페이지 또는 부록으로 이동할 수 있습니다. 태그는 요소를 포함합니다. Compare 태그는 HTML5의 새로운 기능입니다. Compatibility 6 7 8 9 10 11 figure

태그는 요소의 제목을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 요소의 제목을 정의합니다. 태그는 요소의 처음 또는 마지막에 설정합니다. Compare 태그는 HTML5의 새로운 기능입니다. HTML5 요소를 지원하지 못하는 구 브라우저에서는 새로운 요소는 무시하고 요소의 내용만 표시됩니다 Compatibility 6 7 8 9 10 11 figcaption

태그는 폼 요소의 그룹 내부 영역을 설정합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Dectioning Root, Listed, Form-associated element, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 테두리 생김 Definition 태그는 폼 요소의 그룹 내부 영역을 설정합니다. CrossBroswing HTML5에서 속성(disabled, form, name)이 추가되었습니다. Property 속성 값(예) 설명 버전 disabled disabled fieldset 영역을 사용하지 않도록 설정합니다. form form="i..

태그는 외부 어플리케이션을 연결합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Phrasing Content, Embedded Content, Interactive Content, Palpable Content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 없음 시각적 표현 - 버전 HTML5 Definition 태그는 외부 어플리케이션을 연결합니다. CrossBroswing 태그는 HTML5에서 새로 생겼습니다. 태그는 오래 전부터 모든 브라우저에서 지원되었지만 HTML4 지침서에는 포함되어 있지 않습니다. 태그는 HTML5 지침서에 새롭게 추가되엇습니다. Property 속성 값(예) 설명 버전 height..

태그는 텍스트를 강조하는데 사용합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Phrasing Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 기울임꼴로 표시 Definition 태그는 텍스트를 강조하는데 사용합니다. Compare 글씨를 다른 텍스트와 단순 구별하고 싶을 때에는 태그를 사용합니다. 글씨를 강조하고 싶다면 태그를 사용합니다. 글씨의 중요성을 강조하고 싶다면 태그를 사용합니다. 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 태그를 사용합니다. Compatibility 6 7 8 9..