Found 157 pages:

# Page Tags and summary
1 HTML HTML, HTML 강의, HTML 강좌, HTML 튜토리얼, HTML 프로그래밍, HTML5, Landing, Learn, Reference, Web
HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소입니다. HTML은 웹 페이지의 내용을 서술하고 정의하는 데 사용합니다. HTML 외에 웹 페이지의 모양과 표현을 서술하거나(CSS), 웹 페이지의 기능과 동작을 서술하는(JavaScript) 기술들도 있습니다.
2 Canvas API API, Canvas
HTML5에 추가된, HTML <canvas> 요소JavaScript에서 스크립트를 통해 그래픽을 그리는 데 사용될 수 있습니다. 예를 들어, 그래프 그리기, 사진 합성, 애니메이션 제작, 심지어 실시간 비디오 처리나 렌더링에도 쓰일 수 있습니다.
3 A basic ray-caster Advanced, Canvas, Example, Graphics, HTML, Web
4 input.js
전역변수 input이 지켜봐야할 키들에 대한 현재 상태를 계속 추적하기 위해 사용되었습니다. RayCaster.html의 body 태그는 키 이벤트 onkeydownonkeyup에 대한 이벤트 핸들러로 pressrelease를 할당했습니다.
5 캔버스 튜토리얼 Canvas, Graphics, Guide, HTML, HTML5, Web, 캔버스, 튜토리얼
이 튜토리얼은 <canvas> 요소를 사용하여 2D 그래픽을 어떻게 그리는지 기초부터 설명합니다. 캔버스로 할 수 있는 것이 무엇인지 알려주며, 독자가 바로 사용할 수 있도록 코드도 제공합니다.
6 캔버스 튜토리얼 Canvas, Graphic, Guide, HTML, HTML5, Intermediate, Web
이 튜토리얼은 <canvas> 요소를 사용하여 2D 그래픽을 어떻게 그리는지 기초부터 설명합니다. 예제들을 통하여 캔버스로 할 수 있는 것이 무엇인지 알려주며, 바로 사용할 수 있도록 코드도 제공합니다.
7 Drawing text using a canvas HTML, HTML:Canvas, NeedsContent
캔버스 렌더링 컨텍스트(canvas rendering context)는 텍스트를 렌더링하는 두 가지 방법을 제공합니다.
8 Using images
이미지를 캔버스로 불러오는것은 기본적으로 두 단계를 필요로 합니다:
9 기본 애니메이션 HTML5, 그래픽, 캔버스
<canvas> 요소는 자바스크립트로 제어하는 것이므로, 애니메이션도 쉽게 만들 수 있습니다. 복잡한 애니메이션을 만드는 것은 추가 작업이 더 필요하고, 앞으로 그에 대한 페이지도 머지 않아 추가되기를 기대합니다.
10 도형 합성 HTML5, 그래픽, 캔버스
이전 페이지들에서 나온 모든 예제에서, 새로 그리는 도형은 언제나 이미 그려진 도형의 위에 그려졌습니다. 대부분의 상황에서는 이렇게 하는 것이 적절하지만, 도형을 합성하기 위한 순서를 제한하게 되는데,  globalCompositeOperation 속성을 설정함으로써 이러한 상태를 바꿀 수 있습니다.
11 도형 합성 예제 HTML5, 그래픽, 예제, 캔버스
이 샘플 프로그램에서는 여러 가지 도형 합성 방법을 보여줍니다. 출력은 다음과 같습니다:
12 스타일과 색 적용하기 HTML5, 그래픽, 캔버스
도형 그리기에서는, 외곽선과 채움 스타일에 기본값만을 사용했었습니다. 여기에서는 좀 더 눈길을 끄는 그림을 만들기 위해 캔버스의 모든 선택사항을 정리할 것입니다.
13 캔버스(Canvas) 기본 사용법
<canvas>는 처음에는 src 및 alt 속성이 없다는 점만 제외하면 <img> 요소처럼 보입니다. 실제로 <canvas> 요소에는 widthheight의 두 속성만 있습니다. 이것들은 모두 선택사항이며 DOM 프로퍼티를 사용하여 설정할 수도 있습니다. width 및 height 속성을 지정하지 않으면 캔버스의 처음 너비는 300 픽셀이고 높이는 150 픽셀입니다. 요소는 CSS에 의해 임의로 크기를 정할 수 있지만 렌더링하는 동안 이미지는 레이아웃 크기에 맞게 크기가 조정됩니다. CSS 크기 지정이 초기 캔버스의 비율을 고려하지 않으면 왜곡되어 나타납니다 .
14 캔버스(canvas)를 이용한 도형 그리기 Canvas, 그래픽, 중급, 캔버스, 튜토리얼
드로잉을 시작 하기에 앞서, 캔버스 그리드 혹은 좌표공간 (coordinate space) 에 대하여 이야기 해보겠습니다. 이전 페이지에서 이야기 했던 HTML 골격(skeleton)는 가로 세로 각각 150 픽셀의 캔버스 요소를 가지고 있습니다. 오른쪽에 보시면, 캔버스와 기본 그리드가 놓인것을 보실 수 있습니다. 기본적으로 그리드의 1단위는 캔버스의 1픽셀과 같습니다. 이 그리드의 본래위치는 좌표(0,0)인  왼쪽 위이며, 모든 요소들은 이 설정을 기본으로 따릅니다. 그렇기 때문에, 왼쪽 위에 위치한 파란 사각형은 왼쪽에서 x 픽셀, 위에서 y 픽셀 떨어진 것이라 볼 수 있고, 이 사각형의 좌표는 (x,y)가 됩니다. 이 튜토리얼 후반부에서 우리는 기본위치에서 다른위치로의 이동, 그리드 회전, even scale (같은 비율로 늘리거나 줄이는것) 등을 배울것 이지만, 지금은 기본에 충실하도록 합시다.
15 캔버스(canvas)를 이용한 비디오 조작하기 Canvas, Video, 비디오, 캔버스
라이브 예제 보기
16 Focus management in HTML DOM, Firefox 3, HTML, NeedsContent
No summary!
17 Global attributes
전역 속성(Global attributes)은 모든 HTML 요소에 지정할 수 있으며, 심지어 표준에 명시되지 않은 요소에 대해서도 지정할 수 있습니다. 이는 어떠한 비표준 요소도 이 속성들을 허용해야 함을 의미합니다(이런 비표준 요소를 사용한다는 것은 해당 문서는 더 이상 HTML5를 준수하지 않는 것을 의미하지만). 예를 들어, <foo>라는 유효하지 않은 HTML 요소로 <foo hidden>...<foo>와 같이 사용하면 HTML5를 준수하는 브라우저는 해당 요소의 컨텐츠를 감춥니다(화면에 표시하지 않습니다).
18 accesskey HTML, 전역 속성, 참조
전역 속성인 accesskey는 현재 요소에 대한 키보드 단축키에 대한 힌트를 제공합니다. 이 속성의 값은 출력가능한 단일 문자(single printable character)로 구성되어야 합니다(액센트 기호가 포함된 문자와 키보드를 통해 생성가능한 문자가 포함됩니다).
19 autocapitalize HTML, 자동 대문자화, 전역 속성
전역 속성autocapitalize는 열거형 속성으로 사용자가 입력하거나 수정하는 텍스트를 자동으로 대문자로 바꾸는 방식이나 바꿀지 여부를 제어합니다. 속성은 다음의 값 중 하나를 가져야 합니다:
20 class HTML, 전역 속성, 참조
클래스(class) 전역 속성은 요소의 공백으로 분리된(space-separated) 클래스의 목록입니다. CSS나 JavaScript에서 class selectorsdocument.getElementsByClassName DOM 메서드와 같은 함수를 통해 클래스 속성이 정의된 특정 요소를 선택하거나 접근할 수 있습니다.
21 contenteditable
contenteditable 전역 속성(Global attributes)은 사용자가 요소를 편집 할 수 있는지 여부를 나타내는 열거형 속성입니다. 이 경우 브라우저는 위젯을 수정하여 편집을 허용하도록 합니다. 속성값은 다음 값 중 하나이어야 합니다.
22 contextmenu
contextmenu 전역 속성은 이 요소의 컨텍스트 메뉴로 사용될 <menu>id입니다.
23 data-* HTML, 전용 속성, 참조
data-* 전역 속성전용 데이터 속성(custom data attributes)이라는 속성 클래스를 형성하여, 스크립트를 통해 HTMLDOM 사이에 전용 정보를 교환할 수 있도록 합니다. 이러한 모든 전용 데이터는 HTMLElement 인터페이스를 통해 사용할 수 있는데, 해당 요소에 이 속성이 설정되어 있어야 합니다. HTMLElement.dataset 속성을 통해 이 데이터에 접근할 수 있습니다.
*는 XML 이름 생성 규칙(the production rule of xml names)을 따르는 아무 이름으로 대체될 수 있으며 그 이름은 다음 제한을 따라야 합니다:
24 dir BiDi, HTML, 전역 속성, 참조
dir 전용 속성은 열거형 속성으로 요소의 텍스트에 대한 방향성을 나타냅니다. 이 속성은 다음과 같은 값을 가질 수 있습니다:
25 draggable HTML, 실험적, 전역 속성, 참조
draggable 전역 속성은 열거형 속성으로 해당 요소가 HTML Drag and Drop API를 이용해 드래그(drag)될 수 있는지를 나타냅니다. 이 속성은 다음과 같은 값을 가질 수 있습니다:
26 dropzone HTML, 실험적인, 전역 속성, 참조
dropzone 전역 속성은 열거형 속성으로 한 요소에 어떤 형식의 컨텐츠가 Drag and Drop API를 이용해 드랍될 수 있는지를 나타냅니다. 이 속성은 다음의 값을 가질 수 있습니다:
27 hidden HTML, 전역 속성, 참조
hidden 전역 속성은 해당 요소가 아직까지, 또는 더 이상 관련이 없음을 나타내는 부울 속성입니다. 예를 들어, 페이지에서 로그인 절차가 완료된 이후에는 더 이상 사용되지 않을 요소를 감추는데 사용할 수 있습니다.
28 id HTML, 전역 속성, 참조
id 전역 속성은 문서 전체에서 유일한 고유식별자(unique identifier)를 정의합니다. 이것의 목적은 (fragment identifier를 이용한) 링크할 때나 스크립에서, 또는 (CSS로) 스타일 지정시 해당 요소를 식별하기 위한 것입니다.
29 is HTML, is, 전역 속성, 참조
is 전역 속성을 이용해 어떤 표준 HTML 요소를 사용자 정의 빌트인 요소(custom built-in element)처럼 동작하도록 지정할 수 있습니다(더 자세한 사항은 사용자 정의 요소 사용하기(Using custom elements)를 참고하세요).
30 itemid HTML, HTML 마이크로데이터, 마이크로데이터, 속성, 전역 속성, 참조
itemid 전역 속성은 아이템의 고유한 전역 식별자입니다. itemid 속성은 itemscope과 itemtype 속성을 모두 가지고 있는 요소에 대해서만 지정할 수 있습니다. 또한, itemid는 전역 식별자를 지원하는 어휘를 정의하거나 참조하는 itemtype에 대응하는 itemscope 속성을 가진 요소에 대해서만 지정할 수 있습니다.
31 itemprop HTML, HTML 마이크로데이터, 마이크로데이터, 속성, 전역 속성, 참조
itemprop 전역 속성은 아이템(item)에 프로퍼티(properties)를 추가할 때 사용합니다. 모든 HTML 요소에 itemprop 속성을 지정할 수 있으며, itemprop은 이름-값의 쌍으로 구성됩니다. 각 이름-값의 쌍을 프로퍼티(property)라고 하며, 하나 이상의 프로퍼티 그룹이 아이템(item)을 형성합니다.  프로퍼티 값은 문자열이나 URL이며 <audio><embed><iframe><img><link><object><source>, <track> 및 <video>를 포함해 매우 많은 요소와 사용될 수 있습니다.
32 itemref HTML, HTML 마이크로데이터, 마이크로데이터, 속성, 전역 속성, 참조
itemscope 속성을 가진 요소의 하위 요소가 아닌 전역 속성 itemref 프로퍼티는 itemref를 이용하는 아이템과 연관될 수 있습니다.
33 style HTML, Reference, 전역속성
style은 엘리먼트에 적용되는 CSS 스타일링 선언들을 담고 있는 전역속성입니다. 스타일은 별도의 파일에 정의하는 것이 권장된다는 점을 알아두십시오. 이 속성과 <style> 속성은 주로 테스팅과 같은 빠른 스타일링을 위한 목적으로 사용됩니다.
34 tabindex HTML, tab index, 레퍼런스, 전역 속성, 탭인덱스
W3C 스펙 문서 17.11.1절에 따르면, 탭 인덱스 값은 최대값인 32767을 넘지 말아야 합니다. 만약 인덱스 값을 특별히 명시하지 않았다면 기본 값은 -1로 지정됩니다.
35 HTML attribute reference
HTML의 요소들은 속성을 가지고 있습니다; 속성은 사용자가 원하는 기준에 맞도록 요소를 설정하거나 다양한 방식으로 요소의 동작을 조절하기 위한 값을 말합니다.
36 HTML documentation index HTML, Index, MDN Meta
{{Index("/ko/docs/Web/HTML")}}
37 HTML reference HTML, 레퍼런스
HTML은 웹 문서의 구조와 의미적 내용을 기술하는 언어입니다; it consists of elements, each of which may be modified by some number of attributes.웹 페이지의 내용은
38 HTML 요소 레퍼런스 Basic, Element, HTML, Reference, Web, l10n:priority
이 페이지는 모든 HTML elements들을 나열합니다.
39 &lt;a&gt; HTML:Element Reference
HTML <a> 요소 (HTML 앵커 요소) 는 하이퍼링크를 정의합니다. 링크의 대상은 같은 페이지가 될 수도 있고, 웹의 어떤 다른 페이지도 될 수 있습니다.  (옛날 유행이지만) 앵커 요소는 (페이지의 내용 안에서 하이퍼링크의 도착지)앵커 지점을 만들어서, 단순히 페이지 가장 상단이 아닌 곳으로도 링크하는 것이 가능합니다.
40 &lt;abbr&gt;
HTML Abbreviation 요소 (<abbr>) 는 약어를 나타내며 선택적으로 약어에 대한 전체 설명을 제공합니다. 만약 title 속성이 존재한다면 전체 설명만을 포함해야합니다.
41 &lt;address&gt; HTML, HTML 섹션, 레퍼럴ㄴ스, 요소, 웹
HTML Address 요소 (<address>) 는 작성자가 가까운 <article> 또는 <body> 에 대한 연락처 정보를 제공하기 위해 사용됩니다; 후자의 경우에는 문서 전체에 적용됩니다.
42 &lt;applet&gt;
HTML의 Applet 태그 (<applet>) 는 자바 애플릿을 보이게 하는 곳에 쓰입니다.
43 &lt;area&gt; HTML, HTML 포함된 컨텐츠, 레퍼런스, 멀티미디어, 요소, 웹
HTML <area> 요소는 이미지에서의 핫-스폿 지역을 정의하며, 추가적으로 hypertext link와 함께 관련시킵니다 . 이 요소는 오직 <map> 내부에서만 사용됩니다.
44 &lt;article&gt; HTML, HTML 구획, HTML5, 레퍼런스, 요소, 웹
HTML <article> 요소는 문서, 페이지, 애플리케이션,  또는 사이트 안에 독립적으로 구분되거나 재사용 가능한 영역(예: 신디케이션)을 구성할 수 있습니다. 포럼의 글, 매거진/신문의 기사, 블로그 글 등이 여기에 포함됩니다.
45 &lt;aside&gt; HTML, HTML5, 레퍼런스, 요소, 웹
HTML <aside> 요소는 문서의 주요 컨텐츠에 별도로 이어진 컨텐츠가 있는 문서의 한 구획을 말합니다. 주로 사이드바로 나타냅니다.
46 &lt;audio&gt; HTML, HTML 포함된 컨텐츠, HTML5, 레퍼런스, 멀티미디어, 미디어, 요소, 웹
HTML <audio> 요소는 문서에 소리 컨텐츠를 포함하기 위해 사용됩니다. 이것은 src 속성이나 <source> 요소를 통해 여러 오디오 소스를 포함할수 있으며, 브라우저는 그중에 가장 적합한 소스를 고를것입니다.
47 &lt;b&gt; HTML, HTML 텍스트-레벨 시멘틱, HTML:구문 컨텐츠, HTML:플로우 컨텐츠, 레퍼런스, 요소, 웹
HTML <b> 요소는 특별한 중요성이나 관련성 없이 다른 글자와의 문체가 다른 글자의 범위를 나타냅니다. It is typically used for keywords in a summary, product names in a review, or other spans of text whose typical presentation would be boldfaced. Another example of its use is to mark the lead sentence of each paragraph of an article.
48 &lt;base&gt; HTML, HTML 문서 메타데이터, 레퍼런스, 요소, 웹
HTML Base 요소 (<base>) 는 문서에 포함된 모든 상대 URL들의 기준 URL을 나타냅니다. 한 문서에 하나의 <base> 요소만이 올수 있습니다.
49 &lt;bdi&gt; HTML, HTML 텍스트-레벨 시멘틱, 요소, 웹
HTML <bdi> 요소 (or Bi-Directional Isolation Element) 는 바깥 텍스트의 방향과 다르게 포맷될수 있는 일정 범위의 텍스트를 분리시킵니다.
50 &lt;bdo&gt; HTML, 레퍼런스, 요소, 웹
HTML <bdo> 요소 (or HTML bidirectional override element) 는 현재 텍스트의 방향을 오버라이드 하기 위해 사용됩니다. It causes the directionality of the characters to be ignored in favor of the specified directionality.
51 &lt;blink&gt;
HTML 블링크 태그 (<blink>) 는 비표준 태그이며 텍스트를 깜빡이게 만드는 데 쓰입
52 &lt;blockquote&gt;
HTML <blockquote> 요소 (or HTML Block Quotation Element) 는 감싸진 텍스트가 긴 인용문임을 가리킵니다. 일반적으로 이것은 들여쓰기로 렌더링 됩니다.(Notes 에서 바꾸는 방법을 볼수 있습니다). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.
53 &lt;body&gt;
HTML Body 요소 (<body>) 는 HTML 문서의 내용을 나타냅니다.  한 문서에 오직 하나의 <body> 요소만이 존재할수 있습니다.
54 &lt;br&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML <br> 요소 (혹은 HTML 라인 브레이크 요소) 는 텍스트에서 줄바꿈을 생성합니다. (캐리지-리턴). 이것은 줄의 구분이 중요한 시나 인삿말을 쓸때 유용합니다.
55 &lt;button&gt; Element, Forms, HTML, HTML forms, Reference, Web
No summary!
56 &lt;canvas&gt; Canvas, HTML5, 캔버스
HTML <canvas> 요소는 스크립트 언어(보통은  자바스크립트를 사용)를 통해 그림을 그리는 데에 사용될 수 있습니다. 예를 들면, 그래프를 그리거나, 사진을 합성하거나, 애니메이션을 만들 때도 사용될 수 있습니다. <canvas>를 지원하지 않는 웹브라우저 혹은 자바스크립트 기능을 비활성화해 놓은 웹브라우저를 위해 대체할 내용을 마련해 놓으면 좋습니다.
57 &lt;caption&gt;
HTML <caption> 요소 (or HTML Table Caption Element)는 표의 제목을 나타낸다.  이것은 항상  <table>의 첫 번쨰 자손이지만, CSS를 사용한 styling은 표와 관련된 다른 곳에서 배치할 수 있다.
58 &lt;center&gt;
이 HTML Center (<center>)요소는 또다른 블록요소을 포함하거나, 인라인요소(Inline)를 포함할 수 있는 블록속성(block-level) 의 요소이다. 그리고 해당 <center> 요소안에 포함된 전체요소는  <center>의 내용안에 가운데 정렬이 된다. (통상적으로 <body>로 쓰임).
59 &lt;cite&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML Citation 요소 (<cite>) 는 창작물에 대한 참조를 나타냅니다. 이것은 인용 메타데이터의 추가를 위해 규칙에 따라 단축된 창작물의 제목이나 URL 참조를 포함해야합니다.
60 &lt;code&gt;
HTML Code 요소 (<code>) 는 컴퓨터 코드의 조각을 나타냅니다.  기본적으로, 이것은 브라우저의 기본 모노스페이스 폰트로 표시됩니다
61 &lt;col&gt; HTML, 레퍼런스, 요소, 웹, 표
HTML Table Column 요소 (<col>) 는 표 내부의 열을 정의하며 모든 공통 셀들의 공통 시멘틱을 정의하기 위해 사용됩니다. 이것은 일반적으로 <colgroup> 요소 내부에 있습니다.
62 &lt;colgroup&gt; HTML, 레퍼런스, 요소, 웹, 표
HTML Table Column Group 요소 (<colgroup>) 는 표 내부의 칸의 그룹을 정의합니다.
63 &lt;command&gt;
The command element represents a command which the user can invoke.
64 &lt;content&gt;
The HTML <content> element is used inside of Shadow DOM as an insertion point. It is not intended to be used in ordinary HTML. It is used with Web Components.
65 &lt;data&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML <data> 요소는 컨텐트를 기계판독 해석과 연결합니다. 만약 컨텐트가 시간이나 날짜와 관련되어있다면, <time>이 사용되어야합니다.
66 &lt;datalist&gt;
The HTML Datalist Element (<datalist>) contains a set of <option> elements that represent the values available for other controls.
67 &lt;dd&gt; HTML, 레퍼런스, 요소, 웹
HTML Description 요소 (<dd>) 는 정의 목록 요소(<dl>)에서 용어의 정의를 나타냅니다. 이것은 정의 목록 요소의 자식 요소로서만 등장할수 있으며, 뒤에 <dt> 요소가 따라와야합니다.
68 &lt;del&gt; HTML, HTML 수정, 레퍼런스, 요소, 웹
HTML Deleted Text 요소 (<del>) 는 문서에서 삭제된 텍스트의 범위를 나타냅니다. 이 요소는 보통 (그럴 필요는 없지만) 가운데줄 텍스트로 렌더링 됩니다.
69 &lt;details&gt;
HTML 세부요소 (<details>) 는 사용자가 추가 정보를 검색할 수 있는 공시 위젯으로 사용된다.
70 &lt;dfn&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML Definition 요소 (<dfn>) 는 용어의 정의 인스턴스를 나타냅니다.
71 &lt;dialog&gt; Dialog, Element, Experimental, HTML, HTML interactive elements, Reference, Web, 대화상자
HTML <dialog> 요소는 inspector나 window와 같은 dialog 박스나 다른 interactive한 컴포넌트를 나타낸다.
72 &lt;div&gt; HTML, 레퍼런스, 요소, 웹
HTML <div> element (or HTML Document Division Element) 는 본질적으로 아무것도 나타내지 않는 플로우 컨텐츠의 일반적인 컨테이너입니다. 꾸미는 목적(classid 속성을 쓰는 것과 같이), 또는 lang 속성처럼 속성 값을 공유하는 이유로 쓰는 요소들을 묶는 데 사용된다. 이 요소는 다른 적절한 시멘틱 요소가 없을떄만 사용해야 합니다.
73 &lt;dl&gt; HTML, 레퍼런스, 요소
HTML <dl> 요소 (or HTML Description List Element) 는 여러 짝의 용어와 정의를 둘러쌉니다. 이 요소의 일반적인 용법은 어휘를 구현하거나 메타데이터(키-값 짝의 목록)을 표시하는 것입니다.
74 &lt;dt&gt; HTML, 레퍼런스, 요소, 웹
HTML <dt> 요소 (or HTML Definition Term Element)는 정의 목록에서 용어를 구분합니다. 이 요소는 <dl> 요소의 자식으로서만 등장할수 있습니다. 보통 이것은 <dd>요소 전에 나오는데, 연속적으로 나오는 여러개의 <dt>요소는 바로 다음에 나오는 <dd>요소에 의해 정의되는 몇개의 용어를 가르킵니다.
75 &lt;element&gt;
The HTML <element> element is used to define new custom DOM elements.
76 &lt;em&gt; HTML, 레퍼런스, 요소, 웹
HTML Emphasis 요소 (<em>) 는 강조를 표시할때 사용합니다. <em> 요소는 중첩될수 있으며, 중첩의 단계는 강조의 단계를 나타냅니다.
77 &lt;embed&gt; HTML, HTML 포함된 컨텐츠, HTML5, 레퍼런스, 요소, 웹
HTML <embed> 요소는 외부 어플리케이션이나 대화형 컨텐츠와의 통합점을 나타냅니다.
78 &lt;fieldset&gt;
The HTML <fieldset> 요소는  웹 폼 내에서 <label> 과 같은 여러 컨트롤을 그룹화 하는데 사용됩니다.
79 &lt;figcaption&gt;
HTML <figcaption> 요소는 부모 <figure> 요소가 포함하는 도표나 도해 등의 다른 데이터에 대해 그에 관련된 설명 또는 범례를 표현합니다.
80 &lt;figure&gt; Element, HTML, HTML 그룹핑 콘텐츠, Reference
HTML <figure> 요소는 독립적인 콘텐츠를 표현합니다. 흔히 설명(<figcaption>) 과 함께 사용되며, 보통 단일적으로 참조됩니다.
81 &lt;footer&gt; HTML, HTML 구획, HTML5, 레퍼런스, 요소, 웹
HTML Footer 요소 (<footer>) 는 가장 가까운 구획화 콘텐츠구획화 루트의 푸터를 나타냅니다.  푸터는 일반적으로 작성자 구획,저작권 데이터,관련된 문서의 링크에 대한 정보를 포함합니다.
82 &lt;form&gt; HTML 폼, 레퍼런스, 요소, 폼
HTML <form> 요소는 웹 서버에 정보를 제출하기 위한 대화형 컨트롤을 포함한 문서의 구획을 나타냅니다.
83 &lt;frame&gt;
<frame>은 다른 HTML 문서가 표시될 수 있는 특정 영역을 정의하는 element이다. frame은 <frameset>내에서 사용되어야 한다.
84 &lt;frameset&gt;
<frameset>은 HTML element로써 <frame> element을 포함하고 사용된다.
85 &lt;h1&gt;–<h6>:HTML 구획 제목 요소 HTML, HTML 섹션, 레퍼런스, 요소, 웹
HTML <h1><h6> 요소는 6단계의 문서 제목을 구현합니다. 구획 단계는 <h1>이 가장 높고 <h6>은 가장 낮습니다.
86 &lt;head&gt; HTML, HTML 문서 메타데이터, 레퍼런스, 요소, 웹
HTML Head 요소 (<head>) 는 문서의 제목과 스크립트,스타일 시트의 링크 또는 선언을 포함하는 문서의 일반적인 정보 (메타데이터)를 제공합니다
87 &lt;header&gt; HTML, HTML 구획, HTML5, 레퍼런스, 요소, 웹
HTML <header> 요소는 소개나 탐색을 돕는것의 그룹을 나타냅니다. 이것은 일부 제목 요소들을 포함할수도 있지만, 로고나 구획의 제목, 탐색 폼 과 같은것들이 포함수도 있습니다.
88 &lt;hgroup&gt; HTML 구획, HTML5, 레퍼런스, 요소, 웹
HTML <hgroup> 요소 (HTML 제목 그룹 요소) 는 제목의 구역을 나타냅니다. 자신이 속한 암시적이거나 명백한 구역의 주제로서 문서의 개요 안에 있는 하나의 제목을 말합니다.
89 &lt;hr&gt; HTML, 레퍼런스, 요소, 웹
HTML <hr> 요소는 문단 레벨 요소들 사이에서 주제의 분리를 나타냅니다. (예를 들면, 이야기의 장면이 변경되거나 구획에서 화제가 전환될떄). 이전 버전의 HTML에서 이 요소는 수평선을 나타냈습니다. 지금도 여전히 브라우저에서 수평선을 표시하지만, 표현상 관점보다는 시멘틱 관점을 정의합니다.
90 &lt;html&gt; Element, HTML, Reference, Web
HTML <html> 요소는 HTML 문서의 루트를 나타냅니다. 모든 다른 요소들은 이 요소의 후손입니다.
91 &lt;i&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML <i> 요소는 특정 이유로 인하여 평범한 글자와 구분하기 위해 사용됩니다. 예를 들면, 기술적인 용어, 외국어 문구, 소설속 인물의 생각이 있습니다. 이것은 일반적으로 이탤릭체로 표기됩니다.
92 &lt;iframe&gt; HTML, HTML 포함된 컨텐츠, 레퍼런스, 요소, 웹
HTML Inline Frame 요소 (<iframe>) 는 효과적으로 다른 HTML 페이지를 현재 페이지에 포함시키는 중첩된 브라우저 컨텍스트를 나타냅니다. HTML 4.01에서 document는 head와 body 또는 headframe-set을 포함하지만, body와 frame-set 둘 모두를 가지지는 않습니다.
93 &lt;img&gt; Element, HTML, Reference, Web
HTML <img> 요소는 문서에 이미지를 넣습니다.
94 &lt;input&gt;
input요소는 사용자로부터 데이터를 받아들이기 위한 웹을 기초로 하는 폼의 상호적인 제어를 만들어 내곤합니다. input의 의미는 타입 속성의 값에 따라서 상당히 달라집니다.
95 &lt;input type="button"&gt;
"button"  타입을 가지는 <input> 요소는 간단한 푸시 버튼으로 렌더링 됩니다. 이벤트 핸들러 기능을 할당하여 웹페이지의 어느곳에서나 사용자 지정 기능을 제어하도록 프로그래밍할 수 있습니다(특히 click 이벤트).
96 &lt;input type="file"&gt;
type="file" 을 포함한 <input> 요소는 하나 이상의 파일들을 form 제출을 통해 서버에 업로드 하거나,  JavaScript와 File API를 사용하여 조작할 수 있도록 합니다.
97 &lt;ins&gt; HTML, HTML 수정, 레퍼런스, 요소, 웹
HTML <ins> 요소 (또는 HTML 삽인된 텍스트)는 문서에서 추가된 글자의 범위를 나타냅니다
98 &lt;kbd&gt; HTML, 레퍼런스, 요소, 웹
HTML Keyboard Input 요소 (<kbd>) 는 유저 입력을 나타내며, 브라우저의 기본 모노스페이스 폰트로 표시되는 인라인 요소를 생성합니다.
99 &lt;keygen&gt;
The HTML <keygen> element exists to facilitate generation of key material, and submission of the public key as part of an HTML form. This mechanism is designed for use with Web-based certificate management systems. It is expected that the <keygen> element will be used in an HTML form along with other information needed to construct a certificate request, and that the result of the process will be a signed certificate.
100 &lt;label&gt;
HTML <label> 요소는 유저 인터페이스 내 아이템의 캡션을 나타낸다.
101 &lt;legend&gt;
HTML <legend> 요소는(또는 HTML Legend Field 요소) 부모 요소 <fieldset>의 캡션을 의미합니다.
102 &lt;li&gt; HTML, 레퍼런스, 요소, 웹
HTML List item 요소 (<li>) 는 리스트 항목을 나타낼때 사용됩니다. 이 요소는 자신이 리스트에서 하나의 개체를 나타내는 정렬된 리스트(<ol>), 정렬되지 않은 리스트(<ul>), 메뉴(<menu>) 에 포함되어야 합니다. 메뉴와 정렬되지 않은 리스트에서, 리스트 항목들은 일반적으로 글머리 기호와 함께 표시됩니다. 정렬된 리스트에서는,  숫자나 글자가 내림차순으로 왼쪽에 같이 표시됩니다.
103 &lt;link&gt; HTML, HTML 문서 메타데이터, 레퍼런스, 요소, 웹
HTML Link 요소 (<link>) 는 현재 문서와 외부 리소스와의 관계를 명시합니다. 이 요소는 네비게이션을 위한 관계형 프레임워크의 정의에도 사용될 수 있습니다. 이 요소는 스타일 시트에 링크하는 데에 가장 많이 사용됩니다.
104 &lt;main&gt; Element, HTML, Reference
HTML <main> 요소는 문서나 앱 <body>의 주요 콘텐츠를 나타냅니다. 주요 콘텐츠 구역은 문서의 핵심 주제나 애플리케이션의 핵심 기능성에 대해 부연, 또는 직접적으로 연관된 콘텐츠들로 이루어집니다.
105 &lt;map&gt; HTML, HTML 포함된 컨텐츠, 레퍼런스, 멀티미디어, 요소, 웹
HTML <map> 요소는 이미지 맵(클릭 가능한 링크 영역)을 정의하기 위해 <area>와 함께 사용됩니다.
106 &lt;mark&gt; HTML, HTML5, 레퍼런스, 요소, 웹
HTML Mark 요소 (<mark>) 는 특정 문맥과 관련있어서 참조 목적으로 표시된 하이라이트된 글자를 나타냅니다. 예를 들면, 검색 결과에서 검색에 대한 단어의 모든 인스턴스를 표시하기 위해 사용될수 있습니다.
107 &lt;menu&gt;
HTML <menu> 요소는 사용자가 수행하거나 하는 명령 묶음을 말합니다. 이것은 스크린 위에 나오는 목록 메뉴와 눌려진 버튼 아래에 나오는 것과 같은 맥락 메뉴를 포함합니다.
108 &lt;meta&gt;: 문서-레벨의 메타데이터 요소 HTML, HTML 문서 메타데이터, 레퍼런스, 요소, 웹
HTML <meta> 요소는 <base>, <link>, <script>, <style> 또는 <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
109 &lt;meter&gt;
The HTML <meter> Element represents either a scalar value within a known range or a fractional value.
110 &lt;nav&gt; HTML, HTML 구획, HTML5, HTML:플로우 컨텐츠, 레퍼런스, 요소, 웹
HTML <nav> 요소는 현재 페이지 안 또는 다른 페이지로 가는 링크를 보여주는 페이지의 한 구획을 말합니다. 주로 태그 안에 메뉴, 목차, 색인 등이 들어갑니다.
111 &lt;noscript&gt; HTML, HTML 스크립팅, 레퍼런스, 요소, 웹
HTML <noscript> 요소는 페이지에 있는 스크립트 타입이 지원되지 않거나, 브라우저에서 스크립팅이 꺼져있는 경우에 삽입될 html 구획을 정의합니다.
112 &lt;object&gt; HTML, HTML 포함된 컨텐츠, 레퍼런스, 요소, 웹
HTML Embedded Object 요소 (<object>) 는 이미지나, 중첩된 브라우저 컨텍스트, 플러그인에 의해 다뤄질수 있는 리소스와 같은 외부 리소스를 나타냅니다.
113 &lt;ol&gt; HTML, 레퍼런스, 요소, 웹
HTML <ol> 요소 (or HTML Ordered List Element) 는 정렬된 리스트의 항목들을 나타냅니다. 일반적으로, 정렬된 리스트의 항목들은 앞에 번호와 함께 표시되며, 이 번호는 순자,문자,로마 숫자,간단한 점과 같이 어떤 형태로든 나타날수 있습니다. This numbered style is not defined in the HTML description of the page, but in its associated CSS, using the list-style-type property.
114 &lt;optgroup&gt;
In a Web form, the HTML <optgroup> element  creates a grouping of options within a <select> element.
115 &lt;option&gt;
In a Web form, the HTML <option> element is used to create a control representing an item within a <select>, an <optgroup> or a <datalist> HTML5 element.
116 &lt;output&gt; HTML, HTML 폼, HTML5, 레퍼런스, 요소, 웹
HTML <output> 요소는 계산이나 사용자 행동의 결과를 나타냅니다.
117 &lt;p&gt; HTML, 레퍼런스, 요소, 웹
The HTML <p> 요소 (or HTML Paragraph Element) 는 텍스트의 단락을 나타냅니다.
118 &lt;param&gt; HTML 포함된 컨텐츠, 레퍼런스, 요소, 웹
HTML <param> 요소 (or HTML Parameter Element)<object>의 매개 변수를 정의합니다.
119 &lt;pre&gt; HTML, HTML 그룹 컨텐트, HTML:플로우 컨텐트, 레퍼런스, 요소, 웹
HTML Preformatted 텍스트 (<pre>) 는  HTML <pre> 요소는 미리 서식이 지정된 텍스트를 나타냅니다(Mark-up). 이 요소 내의 텍스트는 대게 파일에 쓰여졌던 그대로 (요소 밖 텍스트와는) 비례하지 않는 글꼴로 표시됩니다. 이 요소 내 빈 칸(white-space) 또한 타이핑한대로  입력됩니다.
120 &lt;progress&gt;
The HTML <progress> Element is used to view the completion progress of a task. While the specifics of how it's displayed is left up to the browser developer, it's typically displayed as a progress bar. Javascript can be used to manipulate the value of progress bar.
121 &lt;q&gt; HTML, 레퍼런스, 요소, 웹
HTML Quote 요소 (<q>) 는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다. 이 요소는 단락 구분이 필요없는 짧은 인용문을 위해 사용되며, 긴 인용문에는 <blockquote> 요소를 사용하세요.
122 &lt;rp&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML <rp> element 는 루비 주석을 지원하지 않는 브라우저를 위해 fall-back 괄호를 제공하기 위해 사용됩니다. 루비 주석은 일본어의 후리가나나 타이완의 주음 부호와 같은 동양 문자의 발음을 표기하기 위해 사용됩니다. <rp> 요소는 <ruby> 요소의 지원의 부족할떄 루비 주석의 존재를 가리키기 위해 표시할 글자를 가리키며, 보통은 괄호를 사용합니다.
123 &lt;rt&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML <rt> Element<ruby> 요소 내부에서 사용되며, 루비 주석(동아시아 문자의 발음을 표기)에서 발음을 포함합니다.
124 &lt;ruby&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML <ruby> 요소는 루비 주석을 나타냅니다. 루비 주석은 동아시아 문자들의 발음을 표기하기 위해 보여집니다.
125 &lt;script&gt; HTLM 스크립팅, HTML, HTML: 메타데이터 컨텐트, HTML: 스크립트 지원 요소, HTML: 파싱 컨텐트, HTML: 플로우 컨텐트, 스크립트, 요소, 웹, 참조, 태그
HTML <script> 요소는 실행가능한 코드를 문서에 포함시키거나 참조하기 위하 것입니다; 일반적으로는 자바스크립트 코드를 문서에 포함하거나 참조하기 위해 사용하나 WebGL의 GLSL 쉐이더 프로그래밍 언어(GLSL shader programming language)와 같은 다른 언어에 대해서도 사용할 수 있습니다.
126 &lt;section&gt; HTML, HTML 구획, HTML5, 레퍼런스, 요소, 웹
HTML Section 요소 (<section>) 는 문서의 일반적인 구획을 나타냅니다. 즉, (전형적으로 제목을 가지고 있는) 컨텐츠의 주제 그룹을 말합니다. 각 <section>은 식별되어야하며, 일반적으로 (<h1>-<h6> 요소들을 자식으로 가집니다.
127 &lt;select&gt;
HTML select (<select>) 요소는 옵션들의 메뉴가 존재하는 컨트롤을 나타냅니다. 메뉴에 있는 옵션들은 <option> 요소에 의해 표현되며, <optgroup> 요소에 의해 묶일 수 있습니다. 옵션들은 사용자를 위해 미리 선택될 수 있습니다.
128 &lt;shadow&gt;
The HTML <shadow> element is used as a shadow DOM insertion point. You might use it if you have created multiple shadow roots under a shadow host. It is not useful in ordinary HTML. It is used with Web Components.
129 &lt;source&gt; HTML, HTML 포함된 컨텐츠, 레퍼런스, 미디어, 요소, 웹
HTML <source> 요소<picture>, <audio>, <video> 요소의 다중 미디어 리소스를 지정하기 위해 사용됩니다. 이것은 빈 요소 입니다. 이것은 일반적으로  다른 브라우저에서 지원하는 여러 포맷들을 통해 같은 미디어를 제공하기 위해 사용됩니다.
130 &lt;span&gt; HTML, HTML 텍스트-단위 구문, HTML:플로우 컨텐츠, 레퍼런스, 엘리먼트, 웹
HTML <span> 엘리먼트는 컨텐츠를 파싱하기 위한 제네릭 인라인 컨테이너로써 본질적으로 아무것도 나타내지 않습니다. 스타일링을 목적으로(class 또는 id 어트리뷰트를 사용해)하거나 lang 과 같은 어트리뷰트를 공유하기 위해 엘리먼트를 그룹핑하여 사용될 수 있습니다.
131 &lt;strong&gt;
HTML의 Strong 태그 (<strong>) 는 글자에 강조 효과를 줄 수 있으며, bold 체로 보여지게 됩니다.
132 &lt;style&gt; HTML, HTML 문서 메타데이터, 레퍼런스, 요소, 웹
HTML Style 요소 (<style>) 는 문서나 문서 일부에 대한 스타일 정보를 포함합니다. 기본적으로, 스타일 지침은 CSS로 예상됩니다.
133 &lt;sub&gt; HTML, HTML 텍스트-레벨 시멘틱, 레퍼런스, 요소, 웹
HTML Subscript 요소 (<sub>) 는 인쇄상의 이유로 낮고 작게 표시되는 텍스트의 범위를 정의합니다.
134 &lt;summary&gt;
The HTML summary element (<summary>) is used as a summary, caption, or legend for the content of a <details> element.
135 &lt;table&gt; HTML, 레퍼런스, 요소, 웹, 표
HTML Table 요소는 (<table>) 2차원 이상의 데이터를 나타냅니다..
136 &lt;tbody&gt;
The HTML Table Body Element (<tbody>) defines one or more rows as the body of its parent <table> element when no <tr> elements are children of the parent.  In conjunction with a preceding <tfoot> and <thead> element, <tbody> provides additional semantic information for devices such as printers and displays. Of the parent table's child elements, <tbody> will represent the content, if longer than a page, that will most likely differ for each page printed. The <tfoot> and <thead> elements' content will be consistent for each page printed. For displays, <tbody> will enable separate scrolling from the <tfoot>, <thead> and <caption> elements of the same parent <table> element.
137 &lt;td&gt; HTML, 레퍼런스, 요소, 웹, 표
Table cell HTML 요소 (<td>) 는 데이터를 포함하는 표의 셀을 정의합니다. 이것은 표 모델에 참여합니다.
138 &lt;template&gt; HTML, 레퍼런스, 요소, 웹, 웹 컴포넌트
The HTML template element <template> is a mechanism for holding client-side content that is not to be rendered when a page is loaded but may subsequently be instantiated during runtime using JavaScript. 
139 &lt;textarea&gt; HTML, HTML 폼, 레퍼런스, 요소, 웹, 폼
HTML <textarea> 요소는 멀티라인 일반 텍스트 편집 컨트롤을 나타냅니다.
140 &lt;th&gt; HTML, 레퍼런스, 요소, 웹, 표
HTML Table Header Cell 요소 (<th>) 는 표의 셀 그룹의 헤더를 정의합니다.The group of cells that the header refers to is defined by the scope and headers attribute.
141 &lt;thead&gt;
The HTML Table Head Element (<thead>) defines a set of rows defining the head of the columns of the table.
142 &lt;time&gt; HTML, HTML 텍스트-레벨 시멘틱, HTML5, 레퍼런스, 요소, 웹
HTML <time> 요소는 24시간 시각이나 정확한 그레고리력 날짜를 나타냅니다. (선택적으로 시간과 타임존 정보가 함께 들어갈수 있습니다.)
143 &lt;title&gt; Element, HTML, Reference, Web
HTML <title> 요소는 브라우저의 제목 표시줄이나 페이지 탭에 보여지는 문서의 제목을 정의합니다. 이 요소는 텍스트만 포함할 수 있으며 태그를 포함하더라도 무시합니다.
144 &lt;tr&gt;
The HTML Table Row Element (<tr>) defines a row of cells in a table. Those can be a mix of <td> and <th> elements.
145 &lt;track&gt; HTML, HTML 포함된 컨텐츠, HTML5, 레퍼런스, 멀티미디어, 요소, 웹
HTML <track> 요소는 미디어 요소(<audio>,<video>)의 자식으로 사용됩니다. It lets you specify timed text tracks (or time-based data), for example to automaticaly handle subtitles. The tracks are formatted in WebVTT format (.vtt files) — Web Video Text Tracks.
146 &lt;u&gt;
HTML 밑줄 요소(<u>)는 밑줄이 있는 글자를 표현합니다.
147 &lt;ul&gt; HTML, 레퍼런스, 요소, 웹
HTML unordered list 요소 (<ul>) 는 리스트에서의 순서가 의미없는, 숫자 순서를 가지고 있지 않은, 정렬되지 않은 항목들의 리스트를 나타냅니다. 일반적으로, 정렬되지않은 리스트의 항목들은 굵은 점과 함께 표시됩니다. The bullet style is not defined in the HTML description of the page, but in its associated CSS, using the list-style-type property.
148 &lt;var&gt; HTML, 레퍼런스, 요소, 웹
HTML Variable 요소 (<var>) 는 수학적 표현이나 프로그래밍 문맥에서의 변수를 나타냅니다.
149 &lt;video&gt;
HTML <video> 요소는 동영상 콘텐츠를 포함하기 위해서 사용됩니다.  src속성이나 <source> 요소을 이용해 여러개의 동영상 소스를 표시할 수 있고 브라우저가 가장 적장한 것을 선택합니다.
150 HTML5 문서의 섹션과 아웃라인 HTML, HTML5
HTML5 표준 명세서에서는 웹 개발자가 표준화된 의미론적 체계를 가지고 웹 문서의 구조를 표현할 수 있게 해주는 몇 개의 새로운 요소들을 선보였습니다. 이 문서에서는 이 새로운 요소들과 문서의 아웃라인을 의도한 대로 정의하는 법을 설명하고 있습니다.
151 HTML에서 폼
This article summarizes changes to HTML forms introduced in HTML5. For a detailed guide to using forms, see our extensive HTML forms guide.
152 HTML에서 폼
This article summarizes changes to HTML forms introduced in HTML5. For a detailed guide to using forms, see our extensive HTML forms guide.
153 Inline elements HTML, HTML:Element Reference
인라인 엘리먼트는 body 태그 안에서만 사용됩니다. 인라인 엘리먼트와 블록 엘리먼트의 다른 점은 다음과 같습니다:
154 Link types
다음 표에 나열된 링크 타입 속성은 HTML에서 두 문서간의 관계를 명시할 때 사용합니다. 이 때 <a>, <area>, or <link> 요소를 사용해 한 쪽에서 다른 쪽으로 향하는 연결고리를 만듭니다.
155 블럭-레벨 요소들
"블럭-레벨" 요소는 HTML 요소들 중에 한 카테고리 이며, "인라인"  요소와 대조적입니다. 블럭-레벨 요소는 <body> 요소 안에서만 표현되도록 합니다. 중요한 특성은 이러한 "블럭-레벨" 요소들은 해당 요소의 이전 요소와 이후 요소를 개행(줄바꿈)하는 특징을 가지고 있습니다. (독자적인  영역을 갖는 컨텐츠로 만듭니다)
156 애플리케이션 캐시 사용하기
HTML5 는 웹기반의 애플리케이션들이 오프라인에서도 실행되도록 해주는 애플리케이션 캐시 메카니즘을 제공한다. 개발자는 브라우저에 캐시되어 오프라인 사용자가 사용할 수 있도록 자원을 지정하기 위하여 애플리케이션 캐시(앱 캐시) 인터페이스를 사용할 수 있다. 캐시된 애플리케이션은 사용자가 오프라인 상태에서 새로고침을 클릭할 때 올바르게 불러와서 작동한다.
157 호환 모드와 표준 모드
과거 웹 페이지는 네스케이프 네비게이터(Netscape Navigator)를 위한 버전과 마이크로소프트 인터넷 익스플로러(Microsoft Internet Explorer)를 위한 버전, 두가지 버전으로 만들어졌다. W3C에 의해 웹 표준이 만들어질 당시, 기존 브라우저들은 새롭게 만들어진 표준을 기반으로 대부분의 웹 사이트들을 제대로 표현 할 수 없었다. 따라서, 브라우저들은 새로운 표준으로 제작된 사이트와 예전 방식으로 제작된 사이트를 렌더딩하기 위한 두 가지 모드를 제공했다.

문서 태그 및 공헌자

태그: 
이 페이지의 공헌자: urty5656
최종 변경자: urty5656,