HTML 레퍼런스 북

번호 속성 설명 비고 중요
01 <a> <a>는 다른 페이지 이동을 설정합니다.
02 <abbr> <abbr>는 준말 또는 머리글자를 나타냅니다.
03 <acronym> <acronym>는 사라졌습니다.!! delete
04 <address> <address>는ㅇㅇ
05 <applet> <applet>는 사라졌습니다.!! delete
06 <area> <area>는 ㅇㅇ
07 <article> <article>는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. 사용 예제로 게시판과 블로그 글, 매거진이나 뉴스 기사 등이 있습니다.
08 <aside> <aside>는 문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. 주로 사이드바 혹은 콜아웃 박스로 표현합니다..
09 <audio> <audio>는 문서에 소리 콘텐츠를 포함할 때 사용합니다..
10 <b> <b>는 ㅇㅇ.
11 <base> <base>는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. 문서에는 하나의 base 요소만 존재할 수 있습니다.
12 <bdi> <bdi>는 ㅇㅇ
13 <bdo> <bdo>는 ㅇㅇ
14 <bgsound> <bgsound>는 사라졌습니다. !! delete
15 <big> <big>는 사라졌습니다.!! delete
16 <blink> <blink>는 사라졌습니다.!! delete
17 <blockquote> <blockquote>는 ㅇㅇ
18 <body> <body>는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 body 요소만 존재할 수 있습니다.
19 <br> <br>는 텍스트 안에 줄바꿈(캐리지 리턴)을 생성합니다. 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용합니다.
20 <button> <button>는 클릭 가능한 버튼을 나타냅니다. 버튼은 양식 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다. 기본값의 HTML 버튼은 사용자 에이전트의 호스트 플랫폼과 비슷한 디자인을 따라가지만, 외형은 CSS로 변경할 수 있습니다..
21 <canvas> <canvas>는 캔버스 스크립팅 API 또는 WebGL API와 함께 사용해 그래픽과 애니메이션을 그릴 수 있습니다.
22 <caption> <caption>는 표의 설명 또는 제목을 나타냅니다.
23 <center> <center>는 사라졌습니다.!! delete
24 <cite> <cite>는 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다. 적절한 맥락 아래에서는 출처를 축약해서 표기할 수 있습니다.
25 <code> <code>는 짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시합니다. 기본 스타일은 사용자 에이전트의 고정폭 글씨체입니다.
26 <col> <col>는 표의 열을 나타내며, 열에 속하는 칸에 공통된 의미를 부여할 때 사용합니다. colgroup 안에서 찾을 수 있습니다.
27 <colgroup> <colgroup>는 표의 열을 묶는 그룹을 정의합니다.
28 <content> <content>는 사라졌습니다.!! delete
29 <data> <data>는 주어진 콘텐츠를 기계가 읽을 수 있는 해석본과 연결합니다.
30 <datalist> <datalist>는 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 option 요소 여럿을 담습니다.
31 <dd> <dd>는 ㅇㅇ
32 <del> <del>는 문서에서 제거된 텍스트의 범위를 나타냅니다. 문서나 소스 코드의 변경점 추적 등에 사용할 수 있습니다..
33 <details> <details>는 "열림" 상태일 때만 내부 정보를 보여주는 정보 공개 위젯을 생성합니다. 요약이나 레이블은 summary 요소를 통해 제공할 수 있습니다..
34 <dfn> <dfn>는 현재 맥락이나 문장에서 정의하고 있는 용어를 나타냅니다.
35 <dialog> <dialog>는 닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 나타냅니다.
36 <dir> <dir>는 사라졌습니다.!! delete
37 <div> <div>는 플로우 콘텐츠를 위한 통용 컨테이너입니다. CSS로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않습니다..
38 <dl> <dl>는 설명 목록을 나타냅니다.
39 <dt> <dt>는 요소는 설명 혹은 정의 리스트에서 용어를 나타냅니다.
40 <em> <em>는 요소는 텍스트의 강세를 나타냅니다. em 요소를 중첩하면 더 큰 강세를 뜻하게 됩니다.
41 <embed> <embed>는 외부 어플리케이션이나 대화형 컨텐츠와의 통합점을 나타냅니다.
42 <fieldset> <fieldset>는 웹 양식의 여러 컨트롤과 레이블(label)을 묶을 때 사용합니다.
43 <figcaption> <figcaption>는 부모 figure 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다.
44 <figure> <figure>는 독립적인 콘텐츠를 표현합니다.
45 <font> <font>는 사라졌습니다.!! delete
46 <footer> <footer>는 가장 가까운 구획 콘텐츠나 구획 루트의 푸터를 나타냅니다. 푸터는 일반적으로 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담습니다.
47 <form> <form>는 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냅니다.
48 <frame> <frame>는 사라졌습니다.!! delete
49 <frameset> <frameset>는 사라졌습니다.!! delete
50 <head> <head>는 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 정보로는 문서가 사용할 제목, 스크립트, 스타일 시트 등이 있습니다.
51 <header> <header>는 소개 및 탐색에 도움을 주는 콘텐츠를 나타냅니다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소도 포함할 수 있습니다.
52 <h1> <h1>는 6단계의 구획 제목을 나타냅니다. 구획 단계는 h1이 가장 높고 h6은 가장 낮습니다.
53 <hgroup> <hgroup>는 사라졌습니다.!! delete
54 <hr> <hr>는 이야기 장면 전환, 구획 내 주제 변경 등, 문단 레벨 요소에서 주제의 분리를 나타냅니다.
55 <html> <html>는 HTML 문서의 루트(최상단 요소)를 나타내며, "루트 요소"라고도 부릅니다. 모든 다른 요소는 html 요소의 후손이어야 합니다.
56 <i> <i>는 텍스트에서 어떤 이유로 주위와 구분해야 하는 부분을 나타냅니다. 기술 용어, 외국어 구절, 등장인물의 생각 등을 예시로 들 수 있습니다. 보통 기울임꼴로 표시합니다.
57 <iframe> <iframe>는 중첩 브라우징 맥락을 나타내는 요소로, 현재 문서 안에 다른 HTML 페이지를 삽입합니다.
58 <image> <image>는 사라졌습니다.!! delete
59 <img> <img>는 문서에 이미지를 넣습니다.
60 <input> <input>는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다. 사용자 에이전트에 따라서 다양한 종류의 입력 데이터 유형과 컨트롤 위젯이 존재합니다.
61 <ins> <ins>는 문서에 추가된 텍스트의 범위를 나타냅니다.
62 <kbd> <kbd>는 키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냅니다.
63 <keygen> <keygen>는 사라졌습니다.!! delete
64 <label> <label>는 사용자 인터페이스 항목의 설명을 나타냅니다.
65 <legend> <legend>는 부모 fieldset 콘텐츠의 설명을 나타냅니다.
66 <li> <li>는 목록의 항목을 나타냅니다. 반드시 정렬 목록(ol), 비정렬 목록(ul, 혹은 메뉴(menu) 안에 위치해야 합니다. 메뉴와 비정렬 목록에서는 보통 불릿으로 항목을 나타내고, 정렬 목록에서는 숫자나 문자를 사용한 오름차순 카운터로 나타냅니다.
67 <link> <link>는 현재 문서와 외부 리소스의 관계를 명시합니다. link는 스타일 시트를 연결할 때 제일 많이 사용.
68 <main> <main>는 문서 body의 주요 콘텐츠를 나타냅니다.
69 <map> <map>는 area 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용합니다.
70 <mark> <mark>는 현재 맥락에 관련이 깊거나 중요해 표시 또는 하이라이트한 부분을 나타냅니다.
71 <marquee> <marquee>는 사라졌습니다.!! delete
72 <menu> <menu>는 사용자가 수행하거나 하는 명령 묶음을 말합니다. 이것은 스크린 위에 나오는 목록 메뉴와 눌려진 버튼 아래에 나오는 것과 같은 맥락 메뉴를 포함합니다.
73 <menuitem> <menuitem>는 사라졌습니다.!! delete
74 <meta> <meta>는 base, link, script, style, title과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
75 <meter> <meter>는 특정 범위 내에서의 스칼라 값, 또는 백분율 값을 나타냅니다.
76 <nav> <nav>는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타냅니다. 자주 쓰이는 예제는 메뉴, 목차, 색인입니다.
77 <nobr> <nobr>는 사라졌습니다.!! delete
78 <noembed> <noembed>는 사라졌습니다.!! delete
79 <noframes> <noframes>는 사라졌습니다.!! delete
80 <noscript> <noscript>는 페이지의 스크립트 유형을 지원하지 않거나, 브라우저가 스크립트를 비활성화한 경우 보여줄 HTML 구획을 정의합니다.
81 <object> <object>는 이미지나, 중첩된 브라우저 컨텍스트, 플러그인에 의해 다뤄질수 있는 리소스와 같은 외부 리소스를 나타냅니다.
82 <ol> <ol>는 정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다.
83 <optgroup> <optgroup>는 select 요소의 옵션을 묶을 수 있습니다.
84 <option> <option>는 select, optgroup, datalist 요소의 항목을 정의합니다. 그러므로, option을 사용해 팝업 메뉴 등 목록에서 하나의 항목을 나타낼 수 있습니다.
85 <output> <output>는 웹 사이트나 앱에서 계산이나 사용자 행동의 결과를 삽입할 수 있는 컨테이너 요소입니다.
86 <p> <p>는 하나의 문단을 나타냅니다. 시각적인 매체에서, 문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로 구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련있는 콘텐츠 무엇이나 될 수 있습니다.
87 <param> <param>는 사라졌습니다.!! delete
88 <picture> <picture>는 ㅇㅇ
89 <plaintext> <plaintext>는 사라졌습니다.!! delete
90 <portal> <portal>는 ㅇㅇ
91 <pre> <pre>는 미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다. 텍스트는 보통 고정폭 글꼴을 사용해 렌더링하고,요소 내 공백문자를 그대로 유지합니다.
92 <progress> <progress>는 어느 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 띕니다.
93 <q> <q>는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다. 대부분의 브라우저에서는 앞과 뒤에 따옴표를 붙여 표현합니다. q는 줄 바꿈이 없는 짧은 경우에 적합합니다.
94 <rb> <rb>는 사라졌습니다.!! delete
95 <rp> <rp>는 ruby 요소를 사용한 루비 주석을 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용합니다.
96 <rt> <rt>는 동아시아 문자의 루비 주석에서 발음, 번역 등을 나타내는 텍스트 부분을 지정합니다.
97 <rtc> <rtc>는 사라졌습니다.!! delete
98 <ruby> <ruby>는 루비 주석을 나타냅니다. 루비 주석은 동아시아 문자의 발음을 표기할 때 사용합니다.
99 <s> <s>는 글자에 취소선, 즉 글자를 가로지르는 선을 그립니다.
100 <samp> <samp>는 컴퓨터 프로그램 출력의 예시(혹은 인용문)를 나타냅니다. 보통 브라우저의 기본 고정폭 글씨체(보통 Courier, Lucida Console)를 사용해 렌더링합니다.
101 <script> <script>는 데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다. WebGL의 GLSL 셰이더 프로그래밍 언어, JSON 등 다른 언어와도 사용할 수 있습니다.
102 <section> <section>는 HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. 보통 section은 제목을 포함하지만, 항상 그런 것은 아닙니다.
103 <select> <select>는 옵션 메뉴를 제공하는 컨트롤을 나타냅니다.
104 <shadow> <shadow>는 사라졌습니다.!! delete
105 <slot> <slot>는 웹 컴포넌트 사용자가 자신만의 마크업으로 채워 별도의 DOM 트리를 생성하고, 컴포넌트와 함께 표현할 수 있는 웹 컴포넌트 내부의 플레이스홀더입니다.
106 <small> <small>는 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타냅니다.
107 <source> <source>는 ㅇㅇ
108 <spacer> <spacer>는 사라졌습니다.!! delete
109 <span> <span>는 구문 콘텐츠를 위한 통용 인라인 컨테이너로, 본질적으로는 아무것도 나타내지 않습니다. 스타일을 적용하기 위해서, 또는 lang 등 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용할 수 있습니다. 적절한 의미를 가진 다른 요소가 없을 때에만 사용해야 합니다. span은 div와 매우 유사하지만, div는 블록 레벨 요소인 반면 span은 인라인 요소입니다.
110 <strike> <strike>는 사라졌습니다.!! delete
111 <strong> <strong>는 중대하거나 긴급한 콘텐츠를 나타냅니다. 보통 브라우저는 굵은 글씨로 표시합니다.
112 <style> <style>는 문서나 문서 일부에 대한 스타일 정보를 포함합니다.
113 <sub> <sub>는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. 아래 첨자는 보통 더 작은 글씨 크기를 가지고, 기준선을 아래로 내려 렌더링 합니다.
114 <summary> <summary> 는 "상세" 요소의 공개 상자에 대한 요약, 캡션 또는 범례를 지정한다. 요약 요소를 클릭하면 부모 상세 요소의 상태가 열리거나 닫힌다.
115 <sup> <sup>는 활자 배치를 위 첨자로 해야 하는 인라인 텍스트를 지정합니다. 위 첨자는 보통 더 작은 글씨 크기를 가지고, 기준선을 위로 올려 렌더링 합니다.
116 <table> <table>는 행과 열로 이루어진 표를 나타냅니다.
117 <tbody> <tbody>는 표의 여러 행(tr)을 묶어서 표 본문을 구성합니다.
118 <td> <td>는 데이터를 포함하는 표의 셀을 정의합니다.
119 <template> <template>는 페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합니다.
120 <textarea> <textarea>는 멀티라인 일반 텍스트 편집 컨트롤을 나타냅니다.
121 <tfoot> <tfoot>는 테이블의 열을 요약하는 행들의 집합입니다.
122 <th> <th>는 셀을 테이블 셀 그룹의 헤더로 정의합니다.
123 <thead> <thead>는 테이블의 열의 머리글인 행들의 집합입니다.
124 <time> <time>는 시간의 특정 지점 또는 구간을 나타냅니다. datetime 특성의 값을 지정해 보다 적절한 검색 결과나, 알림 같은 특정 기능을 구현할 때 사용할 수 있습니다.
125 <title> <title>는 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의합니다. 텍스트만 포함할 수 있으며 태그를 포함하더라도 무시합니다.
126 <tr> <tr>는 테이블 행 요소 ( )는 테이블 의 tr셀 행을 정의합니다.
127 <track> <track>는 미디어 요소(audio, video)의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다.
128 <tt> <tt>는 사라졌습니다.!! delete
129 <u> <u>는 글자로 표현하지 않는 주석을 가진 것으로 렌더링 해야 하는 텍스트를 나타냅니다.
130 <ul> <ul>는 정렬되지 않은 목록을 나타냅니다. 보통 불릿으로 표현합니다.
131 <var> <var>는 수학 표현 또는 프로그래밍에서 변수의 이름을 나타냅니다. 보통 현재 글씨체의 기울임꼴로 표시하지만, 브라우저마다 다를 수 있습니다.
132 <video> <video>는 비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다.
133 <wbr> <wbr>는 현재 요소의 줄 바꿈 규칙을 무시하고 브라우저가 줄을 바꿀 수 있는 위치를 나타냅니다.
134 <xmp> <xmp>는 사라졌습니다.!! delete