목록HTML (126)
코드랩 레퍼런스
태그는 인라인 요소 그룹화를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition
태그는 미디어 요소에 대한 소스를 지정하는데 사용합니다. 특징 설명 콘텐츠 카테고리 Flow Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 미디어 요소에 대한 소스를 지정하는데 사용합니다. 태그는 , , 요소들을 지원합니다. Property 속성 값(예) 설명 버전 media media="value" 미디어 쿼리를 설정합니다. src src="URL" 미디어의 경로를 설정합니다. type type="audio/mpeg" 미디어 타입을 설정합니다. Compatibility 6 7 8 9 10 11 source media src type
태그는 저작권 및 주석 표시에 사용합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing (> ~ ) 버전 HTML4 시각적 표현 기본 글씨보다 작게 표현 Definition 태그는 저작권, 면책조항, 주의사항, 법적 제한 사항, 주석표시에 사용합니다. 태그는 부가 정보를 나타내는 주석표시이므로, 여러 단락이나 광범위한 텍스트가 포함된 섹션에서는 사용하지 않습니다. CrossBroswing HTML4에서는 작은 글씨를 표현하는데 사용했지만, HTML5에서는 저작권 및 주석 표시에 사용합니다. Compatibility 6 7 8 9..
태그는 선택 목록을 정의합니다. 특징 설명 콘텐츠 카테고리 flow content, Phrasing content, Interactive content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 Definition 태그는 선택 목록을 정의합니다. 요소의 리스트는 태그를 사용합니다. Property 속성 값(예) 설명 버전 autofocus autofocus 페이지가 로드한 후 자동으로 포커스를 설정합니다. disabled disabled 목록을 비활성화합니다. - form form="id" 선택 메뉴에 폼 아이디를 설정합니다. multiple multiple 선택 메뉴를 두개 이상 선택할..
태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Sectioning content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition section 요소는 콘텐츠와 관련된 한 가지 주제 영역을 말합니다. section의 예로는 탭 페이지, 홈페이지의 소개, 연락처, 뉴스항목 등과 같이 주제별로 분할 할 수 있습니다. section 요소 안에는 제목을 나타내는 h1~h6 태그가 포함되어야 합니다. Compare section 요소는 문장이나 문서의 스타일링 요소가 아닙니다. 스크립트의 편의나..
태그는 스크립트를 정의합니다. 특징 설명 콘텐츠 카테고리 Metadata content, Flow content, Phrasing content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 스크립트 문을 포함하거나 외부 스크립트를 연결할 수 있습니다. 스크립트를 지원하지 않는 브라우저 사용자를 위해서 를 설정합니다. CrossBroswing HTML4에서는 type 속성이 필수이지만, HTML5에서는 선택사항입니다. HTML5에서는 async 속성이 새로 생겼습니다. Property 속성 값(예) 설명 버전 async async 외부파일 연동시 비동기 방식을..
태그는 컴퓨터 프로그램의 샘플 출력을 식별하기위한 요소입니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 monotype 폰트로 표현 Definition 태그는 컴퓨터 프로그램의 샘플 출력을 식별하기위한 요소입니다. Compare 컴퓨터 소스 코드를 사용한다면 태그를 사용합니다. 수학적인 변수나 프로그램의 변수를 나타낼 대는 태그를 사용합니다. 컴퓨터 프로그램으로 출력된 결과물은 태그를 사용합니다. 사용자가 컴퓨터에 입력하는 문자는 태그를 사용합니다. C..
태그는 정확하지 않거나 올바르지 않은 텍스트를 정의합니다. 특징 설명 콘텐츠 카테고리 Phrasing content, Flow content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 가운데 선 Definition 태그는 정확하지 않고, 관련성이 없고, 올바르지 않지만 삭제해서는 안 되는 내용을 표시하는데 사용합니다. 태그는 주로 할인된 가격에 표시합니다. Compare 정확하지 않고, 관련성이 없고, 삭제해서는 안 되는 내용을 표시하려면 태그를 사용합니다. 문서에 삭제된 텍스트틀 표시하려면 태그를 사용합니다. 문서에 삽입된 텍스트를 표시하려면 태그를 사용합니다. C..
태그는 루비 주석을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 시각적 표현 - 버전 HTML5 Definition 루비 주석은 해당 문자의 발음 또는 의미를 나타내기 위해 본문에 부착된 작은 텍스트입니다 태그는 주로 동아시권 활자(일본의 출판물)에 사용됩니다. 태그는 요소와 요소를 함께 사용합니다. 요소는 루비텍스트의 주석을 나타내고, 요소는 루비 주석을 지원하지 않는 사용자 에이전트에서 루비 주석의 루비텍..
태그는 루비 주석에 대한 표시문자를 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 시각적 표현 - 버전 HTML4 Definition 태그는 루비 주석에 대한 표시문자를 정의합니다.
태그는 루비 주석에 대한 설명이나 발음을 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그는 루비 주석에 대한 설명이나 발음을 정의합니다.
태그는 루비 주석을 괄호로 표현하기 위해서 사용합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML5 Definition 태그는 루비 주석을 괄호로 표현하기 위해서 사용합니다.
태그는 짧은 인용을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing (~) 시각적 표현 큰따옴표로 표현 버전 HTML4 Definition 태그는 짧은 인용을 정의합니다. 태그는 인용의 출처를 밝히기 위해 cite 속성을 사용 할 수도 있습니다. 큰 따옴표를 숨기기 위해서 quotes: none; 속성을 사용할 수 있습니다. Compare 전체 문장에 해당하는 긴 인용문을 정의한다면 를 사용합니다. HTML4에서는 요소를 인용문에 사용하였습니다. Cross Browsing width 속..
태그는 작업의 진행상태를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Labelable content, Palpable content. 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLProgressElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML5 Definition 태그는 진행의 상황을 나타내므로 범위를 결과를 보여주는 태그와 구별합니다.
태그는 마크업의 공백 및 줄바꿈을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그는 마크업의 공백 및 줄바꿈을 정의합니다. CrossBroswing width속성은 HTML5에서 지원하지 않습니다.
태그는 태그의 매개변수를 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 - DOM 인터페이스 HTMLParamElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그는 태그의 매개변수를 정의합니다. CrossBroswing type 속성과 valuetype 속성은 HTML5에서 지원하지 않습니다.
태그는 문단(paragraph)을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLParagraphElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용(~) 시각적 표현 -/td> 버전 HTML4 Definition 태그는 문단(paragraph)을 정의합니다. 태그와 태그 사이에는 한 줄의 행간이 표현됩니다. CrossBroswing HTML5에서 align 속성을 지원하지 않습니다.
태그는 계산의 결과를 보여줍니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Listed, Labelable, Resettable form-associated element, Palpable content. 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLOutputElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그는 계산의 결과를 보여줍니다.
태그는 요소의 항목을 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLOptionElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 버전 HTML4 Definition 태그는 요소 또는 요소와 같이 사용합니다. 태그는 속성이 없이 사용할 수 있지만, 서버에 데이터를 전송하기 위해서는 value 속성값은 설정하여야 합니다. 태그를 이용하여 을 그룹화할 수 있습니다.
태그는 리스트를 그룹화합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 - DOM 인터페이스 HTMLOptGroupElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그는 리스트를 그룹화합니다. 태그의 옵션 리스트가 많다면 쉽게 선택할 수 있도록 그룹화 할 수 있습니다. CrossBroswing HTML5에서 reversed 속성이 새로 생겼습니다.
태그는 순서가 있는 목록(ordered list)을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content 콘텐츠 모델 - DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 순서가 있는 목록은 숫자 또는 알파벳으로 표현 할 수 있습니다. 태그는 type을 통해 숫자, 문자, 로마 숫자들을 표현할 수 있지만, CSS list-style-type 속성을 통해 사용하는 것을 권장합니다. 태그는 리스트 항목을 나타내는 와 같이 사용됩니다. Compare 순서가 있는 목록은 태그를 사용합니다. 순서가 없는 목록은 태그를 사용합니다..
) 시각적 표현 - 버전 HTML4 Definition 태그는 오디오, 비디오, 자바 애플릿, 액티브X, PDF, 플래시 파일을 지원합니다. 태그는 반드시 요소 안에 설정합니다. 태그는 적어도 data 또는 type 속성이 반드시 포함되어야 합니다. Compare HTML4에서 태그는 요소안에만 설정가능했으나, HTML5에서는 또는 요소안에 설정 할 수 있습니다.
) 시각적 표현 - 버전 HTML4 Definition 태그는 스크립트가 지원되지 않을 경우 메세지를 표시합니다. 스크립트가 활성화 되었을 경우 안에 내용은 무시됩니다. 태그는 또는 요소안에 설정합니다. 요소 안에 태그를 사용할 경우, 요소를 포함해야 합니다. CrossBroswing HTML4에서 태그는 요소안에만 설정가능했으나, HTML5에서는 또는 요소안에 설정 할 수 있습니다.
) 시각적 표현 - 버전 HTML4 Definition 태그는 프레임이 지원되지 않을 경우 메세지를 표시합니다. 태그는 요소안에 설정합니다. 프레임이 활성화 되었을 경우 안에 내용은 무시됩니다. Compare 태그는 연락처와 관련 없는 내용이라면 태그를 사용합니다. 태그는 연락처 정보보다 더 광범위한 정보를 포함 할 수 없습니다.(시간을 나타내는 태그등)
태그는 웹 문서 내에 네비게이션 링크를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Sectioning content, Palpable content. 콘텐츠 모델 Flow Content. DOM 인터페이스 HTML Element 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML5 Definition 문서의 모든 링크가 태그일 필요는 없지만, 주요 네이게이션 링크는 태그를 사용합니다. 일반적으로 영역에 링크는 태그를 사용하지 않아도 됩니다. 주요 네이게이션 링크는 문서에 한번 사용하지만, 검색을 위한 또 다른 네이게이션 링크는 또 사용 될 수 있습니다. 스크린 리더기를 ..
태그는 범위를 측정하는 게이지 정보를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Labelable content, Palpable content. 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLMeterElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML5 Definition 태그는 디스크의 사용량, 질문의 결과와 같은 정보를 표시합니다. 태그는 진행을 나타내는 정보로 표시하지 않습니다. 진행을 나타내는 태그는 를 사용합니다. CrossBroswing 태그는 HTML5의 새로운 기능입니다.
태그는 문서에 대한 정보를 제공합니다. 특징 설명 콘텐츠 카테고리 Metadata Content. 콘텐츠 모델 - DOM 인터페이스 HTMLMetaElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Meta Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML4 Definition 태그는 표면적으로 표시되지 않지만, 문서에 대한 정보를 제공합니다. 태그는 사이트에 대한 설명, 키워드, 저자 등 여러가지 정보를 제공합니다. 태그는 검색엔진 및 키워드 노출에 대한 정보를 제공합니다. 태그는 요소 안에만 설정합니다. 태그 속성 중 http-equiv는 반드시 설정해야 합니다. CrossBroswing 태그는 scheme 속성은 HTML5에서 지원..
태그는 메뉴 리스트 항목을 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 모델 - DOM 인터페이스 HTMLMenuItemElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용(~) 시각적 표현 - 버전 HTML5 Definition 태그는 컨텐츠 메뉴, 툴바 메뉴, 순서 없는 메뉴의 항목으로 사용합니다. CrossBroswing 태그는 아직 실험적인 단계이기 때문에 정확한 호환성을 확인할 수 없습니다.
태그는 메뉴 리스트를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLMenuElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용(~) 시각적 표현 밑줄과 파란색으로 표시 버전 HTML4 Definition 태그는 컨텐츠 메뉴, 툴바 메뉴, 순서 없는 메뉴로 사용합니다. CrossBroswing 태그는 아직 실험적인 단계이기 때문에 정확한 호환성을 확인할 수 없습니다.