HTML documentation index

Found 170 pages:

# Page Tags and summary
1 HTML: Hypertext Markup Language HTML, HTML 강의, HTML 강좌, HTML 튜토리얼, HTML 프로그래밍, HTML5, Landing, Web, l10n:priority
HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소입니다. HTML은 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다. HTML 말고도 웹 페이지의 외형과 표현을 서술하고(CSS), 기능과 동작을 서술하는(JavaScript) 기술도 있습니다.
2 CSS로 HTML 요소에 색 입히기 Beginner, CSS, CSS Colors, Guide, HTML, HTML Colors, color, 색
CSS와 함께라면 무궁무진한 방법으로 여러분의 HTML 요소에 색을 넣어 원하는 모습을 만들 수 있습니다. 이 글은 CSS 색을 HTML에 적용하는 기초를 소개합니다.
3 Canvas API API, Canvas, JavaScript, 개요, 레퍼런스
Canvas API는 JavaScript와 HTML<canvas> 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공합니다. 무엇보다도 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용됩니다.
4 A basic ray-caster Advanced, Canvas, Example, Graphics, HTML, Web
This article provides an interesting real-world example of using the <canvas> element to do software rendering of a 3D environment using ray-casting.
5 input.js
전역변수 input이 지켜봐야할 키들에 대한 현재 상태를 계속 추적하기 위해 사용되었습니다. RayCaster.html의 body 태그는 키 이벤트 onkeydown과 onkeyup에 대한 이벤트 핸들러로 press와 release를 할당했습니다.
6 캔버스 튜토리얼 Canvas, Graphics, Guide, HTML, HTML5, Web, 캔버스, 튜토리얼
이 튜토리얼은 <canvas> 요소를 사용하여 2D 그래픽을 어떻게 그리는지 기초부터 설명합니다. 캔버스로 할 수 있는 것이 무엇인지 알려주며, 독자가 바로 사용할 수 있도록 코드도 제공합니다.
7 캔버스 튜토리얼 Canvas, Graphic, Guide, HTML, HTML5, Intermediate, Web
이 튜토리얼은 <canvas> 요소를 사용하여 2D 그래픽을 어떻게 그리는지 기초부터 설명합니다. 예제들을 통하여 캔버스로 할 수 있는 것이 무엇인지 알려주며, 바로 사용할 수 있도록 코드도 제공합니다.
8 Pixel manipulation with canvas
The ImageData object represents the underlying pixel data of an area of a canvas object. It contains the following read-only attributes:
9 Using images Advanced, Canvas, Graphics, HTML, Tutorial
이미지를 캔버스로 불러오는것은 기본적으로 두 단계를 필요로 합니다:
10 기본 애니메이션 HTML5, 그래픽, 캔버스
<canvas> 요소는 자바스크립트로 제어하는 것이므로, 애니메이션도 쉽게 만들 수 있습니다. 복잡한 애니메이션을 만드는 것은 추가 작업이 더 필요하고, 앞으로 그에 대한 페이지도 머지 않아 추가되기를 기대합니다.
11 도형 합성 HTML5, 그래픽, 캔버스
이전 페이지들에서 나온 모든 예제에서, 새로 그리는 도형은 언제나 이미 그려진 도형의 위에 그려졌습니다. 대부분의 상황에서는 이렇게 하는 것이 적절하지만, 도형을 합성하기 위한 순서를 제한하게 되는데,  globalCompositeOperation 속성을 설정함으로써 이러한 상태를 바꿀 수 있습니다.
12 도형 합성 예제 HTML5, 그래픽, 예제, 캔버스
이 샘플 프로그램에서는 여러 가지 도형 합성 방법을 보여줍니다. 출력은 다음과 같습니다:
13 변형 (transformations) CSS, HTML, 이동, 축소, 캔버스, 크기변형, 트랜스폼, 확대
변형(transformation) 메소드을 살펴보기 전에 두 가지 다른 메소드를 보도록 하지요. 일단 여러분이 더 복잡한 그림(drawings)을 그리기 시작하면 반드시 있어야 하는 메소드들입니다.
14 스타일과 색 적용하기 HTML5, 그래픽, 캔버스
지금까지는 그리기 메소드만 살펴봤습니다. 도형에 색을 적용하고자 하면, fillStyle과  strokeStyle 두 가지 중요한 속성을 사용할 수 있습니다.
15 캔버스 최적화
이 글에서는 그래픽이 잘 동작하도록 보장하기 위해 캔버스 엘리먼트의 사용을 최적화하기위한 제안 사항을 제공합니다.
16 캔버스(Canvas) 기본 사용법
<canvas>는 처음에는 src 및 alt 속성이 없다는 점만 제외하면 <img> 요소처럼 보입니다. 실제로 <canvas> 요소에는 width와 height의 두 속성만 있습니다. 이것들은 모두 선택사항이며 DOM 프로퍼티를 사용하여 설정할 수도 있습니다. width 및 height 속성을 지정하지 않으면 캔버스의 처음 너비는 300 픽셀이고 높이는 150 픽셀입니다. 요소는 CSS에 의해 임의로 크기를 정할 수 있지만 렌더링하는 동안 이미지는 레이아웃 크기에 맞게 크기가 조정됩니다. CSS 크기 지정이 초기 캔버스의 비율을 고려하지 않으면 왜곡되어 나타납니다 .
17 캔버스(canvas)를 이용한 도형 그리기 Canvas, 그래픽, 중급, 캔버스, 튜토리얼
드로잉을 시작 하기에 앞서, 캔버스 그리드 혹은 좌표공간 (coordinate space) 에 대하여 이야기 해보겠습니다. 이전 페이지에서 이야기 했던 HTML 골격(skeleton)는 가로 세로 각각 150 픽셀의 캔버스 요소를 가지고 있습니다. 오른쪽에 보시면, 캔버스와 기본 그리드가 놓인것을 보실 수 있습니다. 기본적으로 그리드의 1단위는 캔버스의 1픽셀과 같습니다. 이 그리드의 원점은 좌측상단의 (0,0) 입니다. 모든 요소들은 이 원점을 기준으로 위치됩니다. 그렇기 때문에, 파란 사각형의 좌측상단은 왼쪽에서 x 픽셀, 위에서 y 픽셀 떨어진 것이라 볼 수 있고, 이 사각형의 좌표는 (x,y)가 됩니다. 이 튜토리얼 후반부에서 어떻게 원점을 이동하며, 그리드를 회전하고 같은 비율로 확대/축소할 수 있는지 살펴볼 것이지만, 지금은 기본에 충실하도록 합시다.
18 텍스트 그리기 HTML, HTML:Canvas, NeedsContent
캔버스 렌더링 컨텍스트(canvas rendering context)는 텍스트를 렌더링하는 두 가지 방법을 제공합니다.
19 히트(Hit) 영역과 접근성
<canvas> ... </ canvas> 태그 안의 내용은 캔버스 렌더링을 지원하지 않는 브라우저의 대체 컨텐츠로 사용할 수 있습니다. 또한 하위 DOM을 읽고 해석 할 수있는 보조 기술 사용자 (스크린 리더와 같은)에게도 매우 유용합니다. html5accessibility.com의 좋은 예가 이를 수행 할 수있는 방법을 보여줍니다.
20 캔버스(canvas)를 이용한 비디오 조작하기 Canvas, Video, 비디오, 캔버스
라이브 예제 보기
21 HTML documentation index HTML, Index, MDN Meta
Found 161 pages:
22 HTML reference HTML, Landing, Reference, Web
HTML 참고서는 HTML의 모든 요소와 특성의 설명을 담고 있습니다.
23 HTML 구획과 개요 사용하기 HTML, HTML5
HTML5 표준 명세서에서는 웹 개발자가 표준화된 의미론적 체계를 가지고 웹 문서의 구조를 표현할 수 있게 해주는 몇 개의 새로운 요소들을 선보였습니다. 이 문서에서는 이 새로운 요소들과 문서의 아웃라인을 의도한 대로 정의하는 법을 설명하고 있습니다.
24 HTML 속성 참고서 HTML, Reference
HTML의 요소들은 속성을 가지고 있습니다; 속성은 사용자가 원하는 기준에 맞도록 요소를 설정하거나 다양한 방식으로 요소의 동작을 조절하기 위한 값을 말합니다.
25 HTML 요소 참고서 Basic, Element, HTML, Reference, Web, l10n:priority
이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다.
26 &lt;a&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <a> 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다.
27 &lt;abbr&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <abbr> 요소는 준말 또는 머리글자를 나타냅니다.
28 &lt;address&gt; Element, HTML, HTML sections, Reference, Web
HTML <address> 요소는 가까운 HTML 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다.
29 &lt;applet&gt;
HTML의 Applet 태그 (<applet>) 는 자바 애플릿을 보이게 하는 곳에 쓰입니다.
30 &lt;area&gt; Element, HTML, HTML embedded content, Reference, Web
HTML <area> 요소는 이미지의 핫스팟 영역을 정의하고, 하이퍼링크를 추가할 수 있습니다. <map> 요소 안에서만 사용할 수 있습니다.
31 &lt;article&gt; Element, HTML, HTML sections, Reference, Web
HTML <article> 요소는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다.
32 &lt;aside&gt; Element, HTML, HTML sections, HTML5, Reference, Web
HTML <aside> 요소는 문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. 주로 사이드바 혹은 콜아웃 박스로 표현합니다.
33 &lt;audio&gt; Element, HTML, HTML embedded content, HTML5, Media, Multimedia, Reference, Web, 소리, 오디오
HTML <audio> 요소는 문서에 소리 콘텐츠를 포함할 때 사용합니다.
34 &lt;b&gt; Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Phrasing content, Reference, Web
HTML <b> 요소는 독자의 주의를 요소의 콘텐츠로 끌기 위한 용도로 사용합니다. 그 외의 다른 특별한 중요도는 주어지지 않습니다.
35 &lt;base&gt; Element, HTML, HTML document metadata, HTML:Metadata content, Reference
HTML <base> 요소는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. 문서에 하나의 <base> 요소만 존재할 수 있습니다.
36 &lt;bdi&gt; Element, HTML, HTML text-level semantics, Internationalization, Reference, Web, i18n, 쓰기 방향
HTML <bdi> 요소는 브라우저의 양방향 알고리즘에게 요소 콘텐츠를 분리해서 고려하라고 알려줍니다.
37 &lt;bdo&gt; Element, HTML, HTML text-level semantics, Reference, Web, 쓰기 방향
HTML <bdo> 요소는 현재 텍스트의 쓰기 방향을 덮어쓰고 다른 방향으로 렌더링 할 때 사용합니다.
38 &lt;blink&gt; Element, HTML, Obsolete, Reference, Web
The HTML Blink Element (<blink>) is a non-standard element which causes the enclosed text to flash slowly.
39 &lt;blockquote&gt; Element, HTML, HTML grouping content, HTML:Flow content, Reference, Web, 인용
HTML <blockquote> 요소는 안쪽의 텍스트가 긴 인용문임을 나타냅니다. 주로 들여쓰기를 한 것으로 그려집니다. (외형을 바꾸는 법은 사용 일람을 참고하세요) 인용문의 출처 URL은 cite 특성으로, 출처 텍스트는 <cite> 요소로 제공할 수 있습니다.
40 &lt;body&gt; Element, HTML, Reference, Web
HTML <body> 요소는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 <body> 요소만 존재할 수 있습니다.
41 &lt;br&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <br> 요소는 텍스트 안에 줄바꿈(캐리지 리턴)을 생성합니다. 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용합니다.
42 &lt;button&gt; Element, Forms, HTML, HTML forms, Reference, Web
HTML <button> 요소는 클릭할수 있는 버튼을 나타냅니다.
43 &lt;canvas&gt;: 그래픽 캔버스 엘리먼트 Canvas, HTML 스크립팅, HTML5, 레퍼런스, 엘리먼트, 웹
canvas 스크립팅 API 또는 WebGL API 와 함께 HTML <canvas> 엘리먼트를 사용해 그래픽이나 애니메이션을 그릴 수 있습니다.
44 &lt;caption&gt;
HTML <caption> 요소 (or HTML Table Caption Element)는 표의 제목을 나타낸다.  이것은 항상  <table>의 첫 번쨰 자손이지만, CSS를 사용한 styling은 표와 관련된 다른 곳에서 배치할 수 있다.
45 &lt;center&gt;
이 HTML Center (<center>)요소는 또다른 블록요소을 포함하거나, 인라인요소(Inline)를 포함할 수 있는 블록속성(block-level) 의 요소이다. 그리고 해당 <center> 요소안에 포함된 전체요소는  <center>의 내용안에 가운데 정렬이 된다. (통상적으로 <body>로 쓰임).
46 &lt;cite&gt; Element, HTML, HTML text-level semantics, Reference, Web, 인용, 출처
HTML <cite> 요소는 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다.
47 &lt;code&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <code> 요소는 짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시합니다.
48 &lt;col&gt; Element, HTML, Reference, Web, 요소
HTML <col> 요소는 표 내부의 열을 정의하며 모든 공통 셀들의 공통 시멘틱을 정의하기 위해 사용됩니다. 이것은 일반적으로 <colgroup> 요소 내부에 있습니다.
49 &lt;colgroup&gt; HTML, 레퍼런스, 요소, 웹, 표
HTML Table Column Group 요소 (<colgroup>) 는 표 내부의 칸의 그룹을 정의합니다.
50 &lt;command&gt; HTML, Obsolete, Reference, Web
The HTML Command element (<command>) represents a command which the user can invoke. Commands are often used as part of a context menu or toolbar.
51 &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.
52 &lt;data&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <data> 요소는 주어진 콘텐츠를 기계가 읽을 수 있는 해석본과 연결합니다.
53 &lt;datalist&gt;
The HTML Datalist Element (<datalist>) contains a set of <option> elements that represent the values available for other controls.
54 &lt;dd&gt; Element, HTML, HTML grouping element, Reference, Web, 요소
HTML <dd> 요소는 정의 목록 요소(<dl>)에서 앞선 용어(<dt>)에 대한 설명, 정의, 또는 값을 제공합니다.
55 &lt;del&gt; Element, HTML, Reference, Web
HTML <del> 요소는 문서에서 삭제된 텍스트의 범위를 나타냅니다. 이 요소는 보통 (그럴 필요는 없지만) 가운데줄 텍스트로 렌더링 됩니다.
56 &lt;details&gt;
HTML 세부요소 (<details>) 는 사용자가 추가 정보를 검색할 수 있는 공시 위젯으로 사용된다.
57 &lt;dfn&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <dfn> 요소는 현재 맥락이나 문장에서 정의하고 있는 용어를 나타냅니다.
58 &lt;dialog&gt; Dialog, Element, Experimental, HTML, HTML interactive elements, Reference, Web, 대화상자
HTML <dialog> 요소는 inspector나 window와 같은 dialog 박스나 다른 interactive한 컴포넌트를 나타낸다.
59 &lt;div&gt; Element, HTML, HTML grouping content, HTML:Flow content, Layout, Reference, Web
HTML 콘텐츠 분할 요소(<div>)는 플로우 콘텐츠를 위한 통용 컨테이너입니다. CSS로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않습니다.
60 &lt;dl&gt; Element, HTML, HTML grouping content, HTML:Flow content, HTML:Palpable Content, Reference, Web
HTML <dl> 요소는 설명 목록을 나타냅니다. <dl>은 <dt>로 표기한 용어와 <dd> 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다.
61 &lt;dt&gt; Element, HTML, HTML grouping content, Reference
HTML <dt> 요소는 설명 혹은 정의 리스트에서 용어를 나타냅니다. <dl> 요소 안에 위치해야 합니다
62 &lt;element&gt;
The HTML <element> element is used to define new custom DOM elements.
63 &lt;em&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <em> 요소는 텍스트의 강세를 나타냅니다. <em> 요소를 중첩하면 더 크게 강조한다는 뜻입니다.
64 &lt;embed&gt; HTML, HTML 포함된 컨텐츠, HTML5, 레퍼런스, 요소, 웹
HTML <embed> 요소는 외부 어플리케이션이나 대화형 컨텐츠와의 통합점을 나타냅니다.
65 &lt;fieldset&gt; Element, HTML, Reference, Web
The HTML <fieldset> 요소는 웹 폼 내에서 <label> 과 같은 여러 컨트롤을 그룹화 하는데 사용됩니다.
66 &lt;figcaption&gt; Element, HTML, HTML grouping content, Reference
HTML <figcaption> 요소는 부모 <figure> 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다.
67 &lt;figure&gt; Element, HTML, HTML grouping content, Reference
HTML <figure> 요소는 독립적인 콘텐츠를 표현합니다. <figcaption> 요소를 사용해 설명을 붙일 수 있습니다.
68 &lt;font&gt; 요소, 폐기됨
HTML에서의 Font 요소 (<font>) 는 본문의 글자 크기, 색상과 및면을 정의합니다.
69 &lt;footer&gt; Element, HTML, HTML sections, Reference
HTML <footer> 요소는 가장 가까운 구획 콘텐츠나 구획 루트의 푸터를 나타냅니다. 푸터는 일반적으로 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담습니다.
70 &lt;form&gt; Element, HTML, Reference, Web, form
HTML <form> 요소는 웹 서버에 정보를 제출하기 위한 대화형 컨트롤을 포함한 문서의 구획을 나타냅니다.
71 &lt;frame&gt;
<frame>은 다른 HTML 문서가 표시될 수 있는 특정 영역을 정의하는 element이다. frame은 <frameset>내에서 사용되어야 한다.
72 &lt;frameset&gt;
<frameset>은 HTML element로써 <frame> element을 포함하고 사용된다.
73 &lt;h1&gt;–<h6>: HTML 구획 제목 요소 Element, HTML, HTML sections, Reference, Web
HTML <h1>–<h6> 요소는 6단계의 구획 제목을 나타냅니다. 구획 단계는 <h1>이 가장 높고 <h6>은 가장 낮습니다.
74 &lt;head&gt; Element, HTML, HTML document metadata, HTML:Metadata content, Reference, Web, 요소
HTML <head> 요소는 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 정보로는 문서가 사용할 제목, 스크립트, 스타일 시트 등이 있습니다.
75 &lt;header&gt; Element, HTML, Reference, Web
HTML <header> 요소는 소개 및 탐색에 도움을 주는 콘텐츠를 나타냅니다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소도 포함할 수 있습니다.
76 &lt;hgroup&gt; Element, HTML, HTML sections, Reference, Web
HTML <hgroup> 요소는 문서 구획의 다단계 제목을 나타냅니다. 다수의 <h1>-<h6> 요소를 묶을 때 사용합니다.
77 &lt;hr&gt; Element, HTML, HTML grouping content, Reference
HTML <hr> 요소는 이야기 장면 전환, 구획 내 주제 변경 등, 문단 레벨 요소에서 주제의 분리를 나타냅니다.
78 &lt;html&gt; Element, HTML, Reference, Web
HTML <html> 요소는 HTML 문서의 루트(최상단 요소)를 나타내며, "루트 요소"라고도 부릅니다. 모든 다른 요소는 <html> 요소의 후손이어야 합니다.
79 &lt;i&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <i> 요소는 텍스트에서 어떤 이유로 주위와 구분해야 하는 부분을 나타냅니다.
80 &lt;iframe&gt; HTML, HTML 포함된 컨텐츠, 레퍼런스, 요소, 웹
HTML Inline Frame 요소 (<iframe>) 는 효과적으로 다른 HTML 페이지를 현재 페이지에 포함시키는 중첩된 브라우저 컨텍스트를 나타냅니다. HTML 4.01에서 document는 head와 body 또는 head와 frame-set을 포함하지만, body와 frame-set 둘 모두를 가지지는 않습니다.
81 &lt;img&gt; Element, HTML, HTML embedded content, Multimedia, Reference, Web, 사진, 이미지
HTML <img> 요소는 문서에 이미지를 넣습니다.
82 &lt;input&gt;
HTML <input> 요소는 사용자로부터 데이터를 받아들이기 위한 웹을 기초로 하는 폼의 상호적인 제어를 만들어 내곤합니다. input의 의미는 타입 속성의 값에 따라서 상당히 달라집니다.
83 &lt;input type="button"&gt;
"button"  타입을 가지는 <input> 요소는 간단한 푸시 버튼으로 렌더링 됩니다. 이벤트 핸들러 기능을 할당하여 웹페이지의 어느곳에서나 사용자 지정 기능을 제어하도록 프로그래밍할 수 있습니다(특히 click 이벤트).
84 &lt;input type="file"&gt;
type="file" 을 포함한 <input> 요소는 하나 이상의 파일들을 form 제출을 통해 서버에 업로드 하거나,  JavaScript와 File API를 사용하여 조작할 수 있도록 합니다.
85 &lt;ins&gt; HTML, HTML 수정, 레퍼런스, 요소, 웹
HTML <ins> 요소 (또는 HTML 삽인된 텍스트)는 문서에서 추가된 글자의 범위를 나타냅니다
86 &lt;kbd&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <kbd> 요소는 키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냅니다.
87 &lt;keygen&gt; Deprecated, Element, HTML, Reference, Web
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.
88 &lt;label&gt; Element, HTML, Reference, Web
HTML <label> 요소는 유저 인터페이스 내 아이템의 캡션을 나타낸다.
89 &lt;legend&gt;
HTML <legend> 요소는(또는 HTML Legend Field 요소) 부모 요소 <fieldset>의 캡션을 의미합니다.
90 &lt;li&gt; Element, HTML, HTML grouping content, Reference
HTML <li> 요소는 목록의 항목을 나타냅니다.
91 &lt;link&gt; Element, HTML, HTML document metadata, Reference, Web, metadata, 메타데이터
HTML 외부 리소스 연결 요소(<link>)는 현재 문서와 외부 리소스의 관계를 명시합니다.
92 &lt;main&gt; Element, HTML, HTML grouping content, HTML sections, Reference
HTML <main> 요소는 문서 <body>의 주요 콘텐츠를 나타냅니다. 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠로 이루어집니다.
93 &lt;map&gt; Element, HTML, Multimedia, Reference, Web
HTML <map> 요소는 이미지 맵(클릭 가능한 링크 영역)을 정의하기 위해 <area>와 함께 사용됩니다.
94 &lt;mark&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <mark> 요소는 현재 맥락에 관련이 깊거나 중요해 표시 또는 하이라이트한 부분을 나타냅니다.
95 &lt;menu&gt;
HTML <menu> 요소는 사용자가 수행하거나 하는 명령 묶음을 말합니다. 이것은 스크린 위에 나오는 목록 메뉴와 눌려진 버튼 아래에 나오는 것과 같은 맥락 메뉴를 포함합니다.
96 &lt;meta&gt;: 문서-레벨의 메타데이터 요소 Element, HTML, Reference, Web, metadata
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
97 &lt;meter&gt; Element, HTML, HTML forms, Reference, Web
The HTML <meter> element represents either a scalar value within a known range or a fractional value.
98 &lt;nav&gt; Element, HTML, HTML sections, HTML5, Reference, Web
HTML <nav> 요소는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타냅니다. 자주 쓰이는 예제는 메뉴, 목차, 색인입니다.
99 &lt;noscript&gt; HTML, HTML 스크립팅, 레퍼런스, 요소, 웹
HTML <noscript> 요소는 페이지에 있는 스크립트 타입이 지원되지 않거나, 브라우저에서 스크립팅이 꺼져있는 경우에 삽입될 html 구획을 정의합니다.
100 &lt;object&gt; Element, HTML, Reference, Web
HTML <object> 요소는 이미지나, 중첩된 브라우저 컨텍스트, 플러그인에 의해 다뤄질수 있는 리소스와 같은 외부 리소스를 나타냅니다.
101 &lt;ol&gt; Element, HTML, HTML grouping content, HTML:Flow content, Reference
HTML <ol> 요소는 정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다.
102 &lt;optgroup&gt;
In a Web form, the HTML <optgroup> element  creates a grouping of options within a <select> element.
103 &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.
104 &lt;output&gt; Element, HTML, HTML 폼, HTML:Flow content, Reference, Web
HTML <output> 요소는 계산이나 사용자 행동의 결과를 나타냅니다.
105 &lt;p&gt; Element, HTML, HTML grouping content, Reference, Web
HTML <p> 요소는 하나의 문단을 나타냅니다.
106 &lt;param&gt; Element, HTML, Reference, Web
HTML <param> 요소는 <object>의 매개 변수를 정의합니다.
107 &lt;pre&gt; Element, HTML, HTML grouping content, HTML:Flow content, Reference, Web
HTML <pre> 요소는 미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다.
108 &lt;progress&gt; Element, HTML, HTML forms, Reference, Web
HTML <progress> 요소는 어느 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 띕니다.
109 &lt;q&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <q>요소는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다.
110 &lt;rb&gt; Element, HTML, HTML text-level semantics, Reference, Ruby, Text, Web
HTML <rb> 요소는 <ruby> 표기의 기반 텍스트 구성요소(루비 주석을 적용하려는 글자)를 나눌 때 사용합니다.
111 &lt;rp&gt; Element, HTML, HTML text-level semantics, Reference, Ruby, Web
HTML <rp> 요소는 <ruby> 요소를 사용한 루비 주석을 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용합니다.
112 &lt;rt&gt; Element, HTML, Reference, Ruby, Web, 요소
HTML <rt> 요소는 <ruby> 요소 내부에서 사용되며, 루비 주석(동아시아 문자의 발음을 표기)에서 발음을 포함합니다.
113 &lt;rtc&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <rtc> 요소는 <rb> 요소가 표시하는 문자의 의미에 대한 주석을 나타냅니다.
114 &lt;ruby&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <ruby> 요소는 루비 주석을 나타냅니다. 루비 주석은 동아시아 문자의 발음을 표기할 때 사용합니다.
115 &lt;s&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <s> 요소는 글자에 취소선, 즉 글자를 가로지르는 선을 그립니다.
116 &lt;samp&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <samp> 요소는 컴퓨터 프로그램 출력의 예시(혹은 인용문)를 나타냅니다.
117 &lt;script&gt; Element, HTML, HTML scripting, HTML:Flow content, HTML:Metadata content, HTML:Phrasing content, HTML:Script-supporting element, Reference, Web
HTML <script> 요소는 실행 가능한 코드를 문서에 포함하거나 참조할 때 사용합니다. 보통 JavaScript 코드와 함께 쓰지만, WebGL의 GLSL 쉐이더 프로그래밍 언어 등 다른 언어와도 사용할 수 있습니다.
118 &lt;section&gt; Element, HTML, HTML sections, Reference, Web
HTML <section> 요소는 HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다.
119 &lt;select&gt;
HTML select (<select>) 요소는 옵션들의 메뉴가 존재하는 컨트롤을 나타냅니다. 메뉴에 있는 옵션들은 <option> 요소에 의해 표현되며, <optgroup> 요소에 의해 묶일 수 있습니다. 옵션들은 사용자를 위해 미리 선택될 수 있습니다.
120 &lt;shadow&gt;
The HTML <shadow> element—an obsolete part of the Web Components technology suite—was intended to be used as a shadow DOM insertion point.
121 &lt;small&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <small> 요소는 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타냅니다.
122 &lt;source&gt; HTML
HTML <source> 요소는 <picture>, <audio>, <video> 요소의 다중 미디어 리소스를 지정하기 위해 사용됩니다. 이것은 빈 요소 입니다. 이것은 일반적으로  다른 브라우저에서 지원하는 여러 포맷들을 통해 같은 미디어를 제공하기 위해 사용됩니다.
123 &lt;span&gt; Element, HTML, HTML text-level semantics, HTML:Flow content, Reference, Web
HTML <span> 요소는 구문 콘텐츠를 위한 통용 인라인 컨테이너로, 본질적으로는 아무것도 나타내지 않습니다. 스타일을 적용하기 위해서, 또는 lang 등 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용할 수 있습니다.
124 &lt;strong&gt; Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web
HTML <strong> 요소는 중대하거나 긴급한 콘텐츠를 나타냅니다. 보통 브라우저는 굵은 글씨로 표시합니다.
125 &lt;style&gt; CSS, Element, HTML, Reference, Web
HTML <style> 요소는 문서나 문서 일부에 대한 스타일 정보를 포함합니다.
126 &lt;sub&gt; Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web
HTML <sub> 요소는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다.
127 &lt;summary&gt; Element, HTML, Reference, Web
The HTML Disclosure Summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box.
128 &lt;sup&gt; Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web
HTML <sup> 요소는 활자 배치를 위 첨자로 해야 하는 인라인 텍스트를 지정합니다.
129 &lt;table&gt; Element, HTML, Reference, Web, 표
HTML <table> 요소는 2차원 이상의 데이터를 나타냅니다..
130 &lt;tbody&gt; Element, HTML, Reference, Web
The HTML Table Body element (<tbody>) encapsulates a set of table rows (<tr> elements), indicating that they comprise the body of the table (<table>).
131 &lt;td&gt; Element, HTML, Reference
Table cell HTML 요소 (<td>) 는 데이터를 포함하는 표의 셀을 정의합니다. 이것은 표 모델에 참여합니다.
132 &lt;template&gt;: 컨텐츠 템플릿 엘리먼트 HTML, HTML 웹 컴포넌트, HTML:메타데이터 컨텐츠, HTML:스크립트 지원 엘리먼트, HTML:파싱 컨텐츠, HTML:플로우 컨텐츠, 레퍼런스, 엘리먼트, 웹, 웹 컴포넌트, 템플릿
이는 다큐먼트에서 나중에 사용하기 위해 저장하는 컨텐츠 조각으로 생각하시면 됩니다. 페이지가 로딩되는 동안 파서가 <template> 엘리먼트의 컨텐츠를 처리하지만, 컨텐츠가 유효한지만 확인합니다. 엘리먼트의 컨텐츠는 렌더링되지 않습니다.
133 &lt;textarea&gt; Element, Forms, HTML, HTML forms, Web
HTML <textarea> 요소는 멀티라인 일반 텍스트 편집 컨트롤을 나타냅니다.
134 &lt;th&gt; HTML, 레퍼런스, 요소, 웹, 표
The HTML <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.
135 &lt;thead&gt;
The HTML Table Head Element (<thead>) defines a set of rows defining the head of the columns of the table.
136 &lt;time&gt; Element, HTML, HTML text-level semantics, HTML5, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web, 요소
HTML <time> 요소는 시간의 특정 지점 또는 구간을 나타냅니다.
137 &lt;title&gt; Element, HTML, HTML:Metadata content, Reference, Web, 제목, 창 제목, 탭 제목, 페이지 제목
HTML <title> 요소는 브라우저의 제목 표시줄이나 페이지 탭에 보여지는 문서의 제목을 정의합니다.
138 &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.
139 &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.
140 &lt;u&gt; Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web
HTML <u>(Unarticulated annotation) 요소는 글자가 아닌 주석을 가진 것으로 렌더링 해야 하는 텍스트를 나타냅니다.
141 &lt;ul&gt; Element, HTML, HTML grouping content, Reference, Web
HTML <ol> 요소는 정렬되지 않은 목록을 나타냅니다. 보통 불릿으로 표현합니다.
142 &lt;var&gt; Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web
HTM <var> 요소는 수학 표현 또는 프로그래밍에서 변수의 이름을 나타냅니다.
143 &lt;video&gt;
HTML <video> 요소는 동영상 콘텐츠를 포함하기 위해서 사용됩니다.  src속성이나 <source> 요소을 이용해 여러개의 동영상 소스를 표시할 수 있고 브라우저가 가장 적장한 것을 선택합니다.
144 &lt;wbr&gt; Element, HTML, HTML text-level semantics, Reference, Web
HTML <wbr> 요소는 현재 요소의 줄 바꿈 규칙을 무시하고 브라우저가 줄을 바꿀 수 있는 위치를 나타냅니다.
145 HTML에서 폼
This article summarizes changes to HTML forms introduced in HTML5. For a detailed guide to using forms, see our extensive HTML forms guide.
146 Link types
다음 표에 나열된 링크 타입 속성은 HTML에서 두 문서간의 관계를 명시할 때 사용합니다. 이 때 <a>, <area>, 또는 <link> 요소를 사용해 한 쪽에서 다른 쪽으로 향하는 연결고리를 만듭니다.
147 교차 출처 이미지와 캔버스 허용하기
HTML은 이미지 처리를 위해 CORS header를 포함하고 있는 crossorigin 속성을 제공합니다. 이는 <img> 요소에서 정의된, 외부 origin으로 부터 가져오는 이미지가 <canvas>에서 사용할 수 있도록 해줍니다. 마치 현재 origin에서 가져온 것처럼 말입니다
148 블록 레벨 요소 Beginner, Development, Guide, HTML, HTML5, Web
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 기본적으로 블록 레벨 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만듭니다. 이 글에서 자세한 설명을 읽을 수 있습니다.
149 애플리케이션 캐시 사용하기
HTML5 는 웹기반의 애플리케이션들이 오프라인에서도 실행되도록 해주는 애플리케이션 캐시 메카니즘을 제공한다. 개발자는 브라우저에 캐시되어 오프라인 사용자가 사용할 수 있도록 자원을 지정하기 위하여 애플리케이션 캐시(앱 캐시) 인터페이스를 사용할 수 있다. 캐시된 애플리케이션은 사용자가 오프라인 상태에서 새로고침을 클릭할 때 올바르게 불러와서 작동한다.
150 인라인 요소 Beginner, Development, Guide, HTML, Web
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 인라인 요소는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지합니다. 이 글은 인라인 요소란 무엇인지와 블록 레벨 요소와의 차이점을 살펴봅니다.
151 전역 특성 Attribute, HTML, Reference, Web, 특성
전역 특성은 모든 HTML 요소에 지정할 수 있으며, 심지어 표준에 명시되지 않은 요소에도 지정할 수 있습니다. 이는, 비표준 요소를 사용하는 순간 문서가 HTML5를 준수하지 않음에도 불구하고, 비표준 요소 역시 전역 특성을 허용해야 함을 의미합니다. 예를 들어, HTML5를 준수하는 브라우저라면, <foo>라는 요소는 유효하지 않지만 그래도 <foo hidden>...</foo>는 화면에 나타내지 않을 것입니다.
152 accesskey Global attributes, HTML, Reference, 전역 속성
전역 속성 accesskey는 현재 요소에 대한 키보드 단축키를 생성할 때 사용할 힌트를 제공합니다.
153 autocapitalize HTML, 자동 대문자화, 전역 속성
전역 속성인 autocapitalize는 열거형 속성으로 사용자가 입력하거나 수정하는 텍스트를 자동으로 대문자로 바꾸는 방식이나 바꿀지 여부를 제어합니다. 속성은 다음의 값 중 하나를 가져야 합니다:
154 class Global attributes, HTML, Reference
class 전역 속성은 공백으로 구분한 요소 클래스의 목록입니다. 클래스는 CSS나 JavaScript에서 클래스 선택자나 DOM 메서드의 document.getElementsByClassName과 같은 함수를 통해 요소에 접근할 수 있는 방법입니다.
155 contenteditable
contenteditable 전역 속성(Global attributes)은 사용자가 요소를 편집 할 수 있는지 여부를 나타내는 열거형 속성입니다. 이 경우 브라우저는 위젯을 수정하여 편집을 허용하도록 합니다. 속성값은 다음 값 중 하나이어야 합니다.
156 contextmenu
contextmenu 전역 속성은 이 요소의 컨텍스트 메뉴로 사용될 <menu>의 id입니다.
157 data-* HTML, 전용 속성, 참조
data-* 전역 속성은 전용 데이터 속성(custom data attributes)이라는 속성 클래스를 형성하여, 스크립트를 통해 HTML과 DOM 사이에 전용 정보를 교환할 수 있도록 합니다. 이러한 모든 전용 데이터는 HTMLElement 인터페이스를 통해 사용할 수 있는데, 해당 요소에 이 속성이 설정되어 있어야 합니다. HTMLElement.dataset 속성을 통해 이 데이터에 접근할 수 있습니다.
*는 XML 이름 생성 규칙(the production rule of xml names)을 따르는 아무 이름으로 대체될 수 있으며 그 이름은 다음 제한을 따라야 합니다:
158 dir BiDi, HTML, 전역 속성, 참조
dir 전용 속성은 열거형 속성으로 요소의 텍스트에 대한 방향성을 나타냅니다. 이 속성은 다음과 같은 값을 가질 수 있습니다:
159 draggable Global attributes, HTML, Reference
draggable 전역 속성은 열거형 속성으로 해당 요소가 HTML Drag and Drop API를 이용해 드래그(drag)될 수 있는지를 나타냅니다. 이 속성은 다음과 같은 값을 가질 수 있습니다:
160 dropzone HTML, 실험적인, 전역 속성, 참조
dropzone 전역 속성은 열거형 속성으로 한 요소에 어떤 형식의 컨텐츠가 Drag and Drop API를 이용해 드랍될 수 있는지를 나타냅니다. 이 속성은 다음의 값을 가질 수 있습니다:
161 hidden HTML, 전역 속성, 참조
hidden 전역 속성은 해당 요소가 아직까지, 또는 더 이상 관련이 없음을 나타내는 부울 속성입니다. 예를 들어, 페이지에서 로그인 절차가 완료된 이후에는 더 이상 사용되지 않을 요소를 감추는데 사용할 수 있습니다.
162 id Global attributes, HTML, Reference
id 전역 속성은 문서 전체에서 유일해야 하는 고유식별자(ID)를 정의합니다. 고유식별자의 목적은 (프래그먼트 식별자를 사용해) 요소를 가리킬 때나, 스크립트, 스타일링 시 요소를 식별하기 위함입니다.
163 is HTML, is, 전역 속성, 참조
is 전역 속성을 이용해 어떤 표준 HTML 요소를 사용자 정의 빌트인 요소(custom built-in element)처럼 동작하도록 지정할 수 있습니다(더 자세한 사항은 사용자 정의 요소 사용하기(Using custom elements)를 참고하세요).
164 itemid HTML, HTML 마이크로데이터, 마이크로데이터, 속성, 전역 속성, 참조
itemid 전역 속성은 아이템의 고유한 전역 식별자입니다. itemid 속성은 itemscope과 itemtype 속성을 모두 가지고 있는 요소에 대해서만 지정할 수 있습니다. 또한, itemid는 전역 식별자를 지원하는 어휘를 정의하거나 참조하는 itemtype에 대응하는 itemscope 속성을 가진 요소에 대해서만 지정할 수 있습니다.
165 itemprop HTML, HTML 마이크로데이터, 마이크로데이터, 속성, 전역 속성, 참조
itemprop 전역 속성은 아이템(item)에 프로퍼티(properties)를 추가할 때 사용합니다. 모든 HTML 요소에 itemprop 속성을 지정할 수 있으며, itemprop은 이름-값의 쌍으로 구성됩니다. 각 이름-값의 쌍을 프로퍼티(property)라고 하며, 하나 이상의 프로퍼티 그룹이 아이템(item)을 형성합니다.  프로퍼티 값은 문자열이나 URL이며 <audio>, <embed>, <iframe>, <img>, <link>, <object>, <source>, <track> 및 <video>를 포함해 매우 많은 요소와 사용될 수 있습니다.
166 itemref HTML, HTML 마이크로데이터, 마이크로데이터, 속성, 전역 속성, 참조
itemscope 속성을 가진 요소의 하위 요소가 아닌 전역 속성 itemref 프로퍼티는 itemref를 이용하는 아이템과 연관될 수 있습니다.
167 itemscope
itemscope 은 불 방식(의 전역속성 으로서 관련있는 메타데이터의 범위를 구분짓습니다. 개체를 위한 itemscope 속성을 특정지으면 새로운 항목을 만들고 네임벨류 짝의 개수가 되어 요소와 관련됩니다. 관련있는 속성
168 style Global attributes, HTML, Reference
style 전역 속성은 요소에 적용할 CSS 스타일 선언을 담습니다. 스타일은 별도의 파일에 정의하는 것이 권장된다는 점을 참고하세요. 이 속성과 <style> 요소는 주로 테스트 등 빠른 스타일링을 위한 목적으로 사용됩니다.
169 tabindex Global attributes, HTML, Reference
tabindex 전역 속성은 요소의 포커스 설정 여부와 만약 요소가 키보드 탐색 범위에 속해야 한다면 어느 지점에서 선택되어야 하는지 정수값을 사용해 지정할 수 있습니다.
170 호환 모드와 표준 모드
과거 웹 페이지는 넷스케이프 내비게이터(Netscape Navigator)용과 마이크로소프트 인터넷 익스플로러(Microsoft Internet Explorer)용의 두 가지 버전으로 만들어졌다. W3C에서 웹 표준을 제정할 당시, 기존 브라우저들은 새롭게 만들어진 표준을 기반으로 대부분의 웹 사이트들을 제대로 표현할 수 없었다. 따라서, 브라우저들은 새로운 표준으로 제작된 사이트와 예전 방식으로 제작된 사이트를 렌더링하기 위한 두 가지 모드를 제공했다.
전체 HTML 문서의 목록입니다.