코드랩 레퍼런스
태그는 문서에 삽입된 텍스트를 정의합니다. 특징 설명 콘텐츠 카테고리 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..
태그는 설명 목록의 용어 및 이름을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그(definition term)는 설명 목록의 용어 및 이름을 정의합니다. 태그는 태그와 태그를 같이 사용합니다. CrossBroswing HTML4에서 태그는 정의형 목록의 용어 및 이름을 의미했지만, HTML5에서 태그는 설명형 목록의 용어 및 이름을 의미합니다. Compatibility 6 7 8 9 10 11 dt
태그는 설명 목록을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용 시각적 표현 - 버전 HTML4 Definition 태그는 용어에 대한 설명이나 정의를 나타낼 때 사용됩니다. 태그는 태그와 태그를 같이 사용합니다. Compare 순서가 있는 목록은 태그를 사용합니다. 순서가 없는 목록은 태그를 사용합니다. 설명을 나타내는 목록은 태그를 사용합니다. CrossBroswing HTML4에서 태그는 정의형 목록을 의미했지만, HTML5에서 태그는 설명형 목록으로 의미가 변경되었습니다. Compatibility 6 7 8 9 10 ..
태그는 문서의 영역을 나누거나 그룹화 할 때 사용합니다. 특징 설명 콘텐츠 카테고리 Flow content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 문서의 영역을 나누거나 그룹화 할 때 사용합니다. Compare 태그는 블록 요소를 그룹화하고, 태그는 인라인 요소를 그룹화합니다. CrossBroswing 태그 속성(align)은 HTML5에서 지원하지 않습니다. Property 속성 값(예) 설명 버전 align left right center justify 요소를 왼쪽으로 정렬합니다. 요소를 오른쪽으로 정렬합니다. 요소를 ..
태그는 디렉토리 제목을 나열하는데 사용합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 Definition 태그는 디렉토리 제목을 나열하는데 사용합니다. CrossBroswing 태그는 HTML5에서 지원하지 않기 때문에 CSS으로 대신 표현합니다. 태그는 대신에 , , , 를 사용 할 수 있습니다. Property 속성 값(예) 설명 버전 compact compact 목록을 간소화 설정을 합니다. Compatibility 6 7 8 9 10 11 dir compact
태그는 추가정인 정보를 팝업(박스) 형식으로 보여줍니다. 특징 설명 콘텐츠 카테고리 Flow content, Sectioning root 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 추가정인 정보를 팝업으로 정의합니다. 태그는 스크립트를 사용하지 않고 웹 페이지 위에 팝업을 쉽게 만들 수 있습니다. Property 속성 값(예) 설명 버전 open open 추가정인 정보를 팝업(박스) 형식을 미리 보여줍니다. - Compatibility 6 7 8 9 10 11 dialog
태그는 전문적인 용어를 정의할 때 사용합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Phrasing Content, Palpable Content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 - Definition 태그는 학문적인 개념이나 새로운 용어 및 전문어를 정의(Definition)할 때 사용합니다. 태그는 여러개의 전문적인 용어가 동일하게 사용되었을때에는 처음만 정의합니다. 태그의 부모요소는 정의된 요소의 설명이 포함되어 있어야 합니다. 태그는 title 속성을 넣어서 약어를 설명 할 수 있습니다. 태그는 태그를 같이 사용하여 약어를 설명 할 수..
태그는 컨텐츠를 숨기거나 보여줄 수 있습니다. 특징 설명 콘텐츠 카테고리 Flow content, Sectioning root, Interactive content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 밑줄과 파란색으로 표시 Definition details 태그는 컨텐츠를 숨기거나 보여줄 수 있습니다. details 태그는 사용자가 열고 닫을 수 있는 위젯이 만들어집니다. details 태그는 컨텐츠의 제목을 표시하기 위해 summary 태그와 같이 사용합니다. Property 속성 값(예) 설명 버전 open open 세부 내용을 미리 보여줄 때..
태그는 문서의 삭제된(delete) 텍스트를 정의합니다. 특징 설명 콘텐츠 카테고리 Phrasing Content, Flow Content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 글씨 가운데 줄이 표시 Definition 문서에서 삭제된 텍스트를 표시 할 때 태그를 사용합니다. 문서에서 수정 및 업데이트와 관련된 마크업은 태그와 태그를 사용합니다. Compare 문서에 삭제된 텍스트틀 표시하려면 태그를 사용합니다. 문서에 삽입된 텍스트를 표시하려면 태그를 사용합니다. Property 속성 값(예) 설명 버전 cite cite="URL" 텍스트가 삭된제 이유를 사이..