HTML 레퍼런스 북

번호 속성 설명 중요도 비고
01 <a> <a> 태그는 다른 페이지로의 이동을 설정함 ★★★★★
02 <abbr> <abbr> 태그는 줄임말이나 머리글자를 표현 할 때 사용 ★★☆☆☆
03 <acronym> <acronym> 태그는 줄임말이나 머리글자를 표현 할 때 사용 ☆☆☆☆☆ delete
04 <address> <address> 태그는 가까운 HTML 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다. ★★★☆☆
05 <applet> <applet> 태그는 문서에 포함되는 애플릿(웹 페이지에 포함되어 작은 기능을 수행하는 프로그램)을 정의할 때 사용합니다. ☆☆☆☆☆ delete
06 <area> <area> 태그는 이미지의 핫스팟 영역을 정의하고 하이퍼링크 (en-US)를 추가할 수 있습니다. <map> 요소 안에서만 사용할 수 있습니다. ★☆☆☆☆
07 <article> <article> 태그는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. ★★★★☆
08 <aside> <aside> 태그는 문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. ★★★☆☆
09 <audio> <audio> 태그는 문서에 소리 콘텐츠를 포함할 때 사용합니다. ★★★☆☆
10 <b> <b> 태그는 독자의 주의를 요소의 콘텐츠로 끌기 위한 용도로 사용합니다. ★★☆☆☆
11 <base> <base> 태그는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. ★★☆☆☆
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> 태그는 클릭 가능한 버튼을 나타냅니다. ★★★★☆
21 <canvas> <canvas> 태그는 캔버스 스크립팅 API 또는 WebGL API와 함께 사용해 그래픽과 애니메이션을 그릴 수 있습니다. ★★☆☆☆
22 <caption> <caption> 태그는 표의 설명 또는 제목을 나타냅니다. ★★★★☆
23 <center> <center> 태그는 태그 사이의 내용을 가운데 정렬할 때 사용합니다. ☆☆☆☆☆ delete
24 <cite> <cite> 태그는 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다. ★★☆☆☆
25 <code> <code> 태그는 짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시합니다. ★★★★☆
26 <col> <col> 태그는 <colgroup> 요소에 속하는 각 열(column)의 속성을 정의할 때 사용합니다. ★★★☆☆
27 <colgroup> <colgroup> 태그는 표의 열을 묶는 그룹을 정의합니다. ★★★☆☆
28 <content> <content> 태그는 요소의 앞과 뒤에 생성할 내용을 지정합니다. ☆☆☆☆☆ delete
29 <data> <data> 태그는 콘텐츠를 기계가 읽을 수 있는 해석본과 연결합니다. ★★☆☆☆
30 <datalist> <datalist> 태그는 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 option 요소 여럿을 담습니다. ★☆☆☆☆
31 <dd> <dd> 태그는 정의 목록 요소 dl에서 앞선 용어 dt에 대한 설명, 정의, 또는 값을 제공합니다. ★★☆☆☆
32 <del> <del> 태그는 문서에서 제거된 텍스트의 범위를 나타냅니다. ★★☆☆☆
33 <details> <details> 태그는 "열림" 상태일 때만 내부 정보를 보여주는 정보 공개 위젯을 생성합니다. 요약이나 레이블은 <summary> 요소를 통해 제공할 수 있습니다. ★★★☆☆
34 <dfn> <dfn> 태그는 현재 맥락이나 문장에서 정의하고 있는 용어를 나타냅니다. ★☆☆☆☆
35 <dialog> <dialog> 태그는 닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 나타냅니다. ★☆☆☆☆
36 <dir> <dir> 태그는 HTML 리스트(list)를 정의할 때 사용합니다. ☆☆☆☆☆ delete
37 <div> <div> 태그는 플로우 콘텐츠를 위한 통용 컨테이너입니다. CSS로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않습니다. ★★★★★
38 <dl> <dl> 태그는 설명 목록을 나타냅니다. ★★☆☆☆
39 <dt> <dt> 태그는 설명 혹은 정의 리스트에서 용어를 나타냅니다. ★★☆☆☆
40 <em> <em> 태그는 텍스트를 강조 시켜 줍니다. ★★★☆☆
41 <embed> <embed> 태그는 외부 어플리케이션이나 대화형 컨텐츠와의 통합점을 나타냅니다. ★☆☆☆☆
42 <fieldset> <fieldset> 태그는 웹 양식의 여러 컨트롤과 레이블을 묶을 때 사용합니다. ★★☆☆☆
43 <figcaption> <figcaption> 태그는 부모 <figure> 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다. ★★★☆☆
44 <figure> <figure> 태그는 독립적인 콘텐츠를 표현합니다. 주로 안에 img 태그와 figcaption 태그를 넣습니다. ★★★☆☆
45 <font> <font> 태그는 폰트 설정을 하는 태그입니다. ☆☆☆☆☆ delete
46 <footer> <footer> 태그 안에는 일반적으로 작성자, 저작권 정보, 관련 문서 등의 내용을 담습니다. ★★★★★
47 <form> <form> 태그는 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냅니다. ★★★★☆
48 <frame> <frame> 태그는 <frameset> 요소에 포함되는 하나의 프레임(frame)을 정의할 때 사용합니다. ☆☆☆☆☆ delete
49 <frameset> <frameset> 태그는 문서의 레이아웃을 구성하기 위해 사용되는 프레임(frame)들의 집합을 정의할 때 사용합니다. ☆☆☆☆☆ delete
50 <head> <head> 태그는 문서의 머리를 나타내는 태그입니다. 브라우저 화면에 직접적으로 보이지 않는 중요 정보들을 정의하는 태그들이 들어가게 됩니다. ★★★☆☆
51 <header> <header> 태그는 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 정보로는 문서가 사용할 제목, 스크립트, 스타일 시트 등이 있습니다. ★★★★★
52 <h1> <h1> 태그는 가장 큰 제목을 나타냅니다. ★★★★★
53 <hgroup> <hgroup> 태그는 문서 구획의 다단계 제목을 나타냅니다. 다수의 <h1>-<h6> 요소를 묶을 때 사용합니다. ☆☆☆☆☆ delete
54 <hr> <hr> 태그는 구획 내 주제 변경이나 문단 레벨 요소에서 주제의 분리를 나타냅니다. ★★★☆☆
55 <html> <html> 태그는 HTML 문서의 루트(최상단 요소)를 나타내며, "루트 요소"라고도 부릅니다. 모든 다른 요소는 <html> 요소의 후손이어야 합니다. ★★★★★
56 <i> <i> 태그는 텍스트에서 어떤 이유로 주위와 구분해야 하는 부분을 나타냅니다. ★★★☆☆
57 <iframe> <iframe> 태그는 중첩 브라우징 맥락을 나타내는 요소로, 현재 문서 안에 다른 HTML 페이지를 삽입합니다. ★★★☆☆
58 <image> <image> 태그는 이미지를 출력할 때 사용하며, 현재는 img 태그로 대체 되었습니다. ☆☆☆☆☆ 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> 태그는 현재 문서와 외부 리소스의 관계를 명시합니다. ★★★★★
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> 태그는 브라우저가 <embed> 태그가 미지원되는 사용자에게 대체 콘텐츠를 제공하는 방법으로 고안된 태그입니다. ☆☆☆☆☆ delete
79 <noframes> <noframes> 태그는 프레임(frame) 기능을 사용하지 않도록 설정했거나, 프레임 기능을 지원하지 않는 브라우저를 위한 별도의 콘텐츠를 정의할 때 사용합니다. ☆☆☆☆☆ delete
80 <noscript> <noscript> 태그는 페이지의 스크립트 유형을 지원하지 않거나, 브라우저가 스크립트를 비활성화한 경우 보여줄 HTML 구획을 정의합니다. ★★☆☆☆
81 <object> <object> 태그는 이미지나, 중첩된 브라우저 컨텍스트, 플러그인에 의해 다뤄질수 있는 리소스와 같은 외부 리소스를 나타냅니다. ★★☆☆☆
82 <ol> <ol> 태그는 정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다. ★★★★☆
83 <optgroup> <optgroup> 태그는 <select> 태그의 옵션을 묶을 수 있습니다. ★★☆☆☆
84 <option> <option> 태그는 <select>, <optgroup>, <datalist> 요소의 항목을 정의합니다. ★★☆☆☆
85 <output> <output> 태그는 웹 사이트나 앱에서 계산이나 사용자 행동의 결과를 삽입할 수 있는 컨테이너 요소입니다. ★★☆☆☆
86 <p> <p> 태그는 하나의 문단을 나타냅니다. ★★★★★
87 <param> <param> 태그는 <object> 요소에 의해 호출되는 플러그인의 매개변수(parameter)를 정의할 때 사용합니다. ☆☆☆☆☆ delete
88 <picture> <picture> 태그는 <img> 태그의 다중 이미지 리소스를 위한 컨테이너를 정의할 때 사용합니다. ★☆☆☆☆
89 <plaintext> <plaintext> 태그는 모든 태그와 문서 태그를 포함하여 문서의 모든 텍스트를 입력한 그대로 정확하게 렌더링하는 데 사용됩니다. ☆☆☆☆☆ delete
90 <portal> <portal> 태그는 <iframe> 태그를 대체하기 위해 Google에서 발표한 태그입니다. ★☆☆☆☆
91 <pre> <pre> 태그는 미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다. ★★★☆☆
92 <progress> <progress> 태그는 어느 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 띕니다. ★★★☆☆
93 <q> <q> 태그는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다. ★★★☆☆
94 <rb> <rb> 태그는 글자 상단에 작게 주석을 붙이거나 일본어에서 후리가나를 붙일 때에 사용되는 태그입니다. ☆☆☆☆☆ delete
95 <rp> <rp> 태그는 <ruby> 요소를 사용한 루비 주석을 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용합니다. ★☆☆☆☆
96 <rt> <rt> 태그는 동아시아 문자(주로 한자)의 루비 주석에서 발음, 번역 등을 나타내는 텍스트 부분을 지정합니다. ★☆☆☆☆
97 <rtc> <rtc> 태그는 <rb> 태그가 표시하는 문자의 의미에 대한 주석을 나타냅니다. ☆☆☆☆☆ delete
98 <ruby> <ruby> 태그는 루비 주석을 나타냅니다. 루비 주석은 동아시아 문자(한자)의 발음을 표기할 때 사용합니다. ★☆☆☆☆
99 <s> <s> 태그는 글자에 취소선, 즉 글자를 가로지르는 선을 그립니다. ★☆☆☆☆
100 <samp> <samp> 태그는 컴퓨터 프로그램 출력의 예시(혹은 인용문)를 나타냅니다. ★☆☆☆☆
101 <script> <script> 태그는 데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다. ★★★★★
102 <section> <section> 태그는 HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. ★★★★★
103 <select> <select> 태그는 옵션 메뉴를 제공하는 컨트롤을 나타냅니다. ★★★☆☆
104 <shadow> <shadow> 태그는 그림자 효과를 줄 때에 사용되는 태그입니다. ☆☆☆☆☆ delete
105 <slot> <slot> 태그는 웹 컴포넌트 사용자가 자신만의 마크업으로 채워 별도의 DOM 트리를 생성하고, 컴포넌트와 함께 표현할 수 있는 웹 컴포넌트 내부의 플레이스홀더입니다. ★☆☆☆☆
106 <small> <small> 태그는 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타냅니다. ★★☆☆☆
107 <source> <source> 태그는 <audio> 요소나 <video> 요소, <picture> 요소에서 사용할 수 있는 다중 미디어 자원을 정의할 때 사용됩니다. ★★☆☆☆
108 <spacer> <spacer> 태그는 웹 페이지에 공백을 삽입하는 데 사용됩니다. ☆☆☆☆☆ delete
109 <span> <span> 태그는 구문 콘텐츠를 위한 통용 인라인 컨테이너로, 본질적으로는 아무것도 나타내지 않습니다. ★★★★☆
110 <strike> <strike> 태그는 텍스트 한가운데 라인을 추가할 때 사용합니다. ☆☆☆☆☆ delete
111 <strong> <strong> 태그는 중대하거나 긴급한 콘텐츠를 나타냅니다. 보통 브라우저는 굵은 글씨로 표시합니다. ★★★☆☆
112 <style> <style> 태그는 문서나 문서 일부에 대한 스타일 정보(CSS)를 포함합니다. ★★★★★
113 <sub> <sub> 태그는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. ★★★☆☆
114 <summary> <summary> 태그는 HTML 공개 요약 요소라고도 하며 요소의 공개 상자에 대한 요약, 캡션 또는 범례를 지정한다. ★★★☆☆
115 <sup> <sup> 태그는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. ★★★☆☆
116 <table> <table> 태그는 행과 열로 이루어진 표를 나타냅니다. ★★★★★
117 <tbody> <tbody> 태그는 요소는 표의 여러 행(<tr>)을 묶어서 표 본문을 구성합니다. ★★★★★
118 <td> <td> 태그는 데이터를 포함하는 표의 셀을 정의합니다. ★★★★★
119 <template> <template> 태그는 페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합니다. ★★★☆☆
120 <textarea> <textarea> 태그는 멀티라인 일반 텍스트 편집 컨트롤을 나타냅니다. ★★★☆☆
121 <tfoot> <tfoot> 태그는 HTML 요소는 테이블의 열을 요약하는 행들의 집합입니다. ★★★☆☆
122 <th> <th> 태그는 한 테이블 열의 머리글 셀 데이터입니다. ★★★★★
123 <thead> <thead> 태그는 테이블 열의 머리글인 행들의 집합입니다. ★★★★★
124 <time> <time> 태그는 시간의 특정 지점 또는 구간을 나타냅니다. ★★★☆☆
125 <title> <title> 태그는 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의합니다. ★★★★★
126 <tr> <tr> 태그는 표(테이블)에서 <th>나 <td> 태그를 감싸줍니다. ★★★★★
127 <track> <track> 태그는 미디어 요소(<audio>, <video>)의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다. ★★☆☆☆
128 <tt> <tt> 태그는 텔레타이프 텍스트(teletype text)를 나타낼 때 사용합니다. ☆☆☆☆☆ delete
129 <u> <u> 태그는 글자로 표현하지 않는 주석을 가진 것으로 렌더링 해야 하는 텍스트를 나타냅니다. ★☆☆☆☆
130 <ul> <ul> 태그는 번호가 붙지 않은 목록을 나타냅니다. <ol>과 달리 번호 대신 불릿(•)이 붙습니다. ★★★★★
131 <var> <var> 태그는 수학 표현 또는 프로그래밍에서 변수의 이름을 나타냅니다. ★☆☆☆☆
132 <video> <video> 태그는 비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다. ★☆☆☆☆
133 <wbr> <wbr> 태그는 현재 요소의 줄 바꿈 규칙을 무시하고 브라우저가 줄을 바꿀 수 있는 위치를 나타냅니다. ★☆☆☆☆
134 <xmp> <xmp> 태그는 모든 html상의 태그들을 일반 문자로 인식시켜 모든 문자와 모든 태그들을 일반 문자처럼 출력해줍니다. ☆☆☆☆☆ delete