Found 156 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 | HTML 특성 참고서 | HTML, Reference |
HTML의 요소들은 특성을 가지고 있습니다. 특성은 사용자가 원하는 기준에 맞도록 요소를 설정하거나 다양한 방식으로 요소의 동작을 조절하기 위한 값을 말합니다. | ||
4 | HTML autocomplete 특성 | Attribute, HTML, Reference, 자동완성 |
autocomplete 특성을 사용하면 user agent의 자동완성을 허용할 양식 입력 필드를 지정할 수 있으며, 사용자 에이전트에게 어떤 정보에 대한 자동완성을 원하는지 안내할 수도 있습니다. |
||
5 | HTML attribute: crossorigin | |
audio , img , link , script , video 에 있는 crossOrigin 속성은 element가 CORS 요청을 처리하는 방식을 명시하여 element가 fetch한 데이터를 CORS 가능하게 합니다. 특정 element에서는 CORS 세팅 속성이 될 수도 있습니다. |
||
6 | 블록 레벨 요소 | Beginner, Development, Guide, HTML, HTML5, Web |
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 기본적으로 블록 레벨 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만듭니다. 이 글에서 자세한 설명을 읽을 수 있습니다. | ||
7 | 교차 출처 이미지와 캔버스 허용하기 | |
HTML은 이미지 처리를 위해 CORS header를 포함하고 있는 crossorigin 속성을 제공합니다. 이는 img 요소에서 정의된, 외부 origin으로 부터 가져오는 이미지가 canvas 에서 사용할 수 있도록 해줍니다. 마치 현재 origin에서 가져온 것처럼 말입니다 |
||
8 | HTML 요소 참고서 | Basic, Element, HTML, Reference, Web, l10n:priority |
이 페이지는 tag를 사용해 만들 수 있는 모든 HTML Element의 목록을 제공합니다. | ||
9 | <a> | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <a> 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. |
||
10 | <abbr> | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <abbr> 요소는 준말 또는 머리글자를 나타냅니다. |
||
11 | <address> | Element, HTML, HTML sections, HTML:Flow content, HTML:Palpable Content, Reference, Web |
HTML <address> 요소는 가까운 HTML 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다. |
||
12 | <applet> | |
HTML의 Applet 태그 (<applet> ) 는 자바 애플릿을 보이게 하는 곳에 쓰입니다. |
||
13 | <area> | Element, HTML, HTML embedded content, Reference, Web |
HTML <area> 요소는 이미지의 핫스팟 영역을 정의하고 hyperlink를 추가할 수 있습니다. map 요소 안에서만 사용할 수 있습니다. |
||
14 | <article> | Element, HTML, HTML sections, Reference, Web |
HTML <article> 요소는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. |
||
15 | <aside>: 별도 구획 요소 | Element, HTML, HTML sections, HTML5, Reference, Web |
HTML <aside> 요소는 문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. 주로 사이드바 혹은 콜아웃 박스로 표현합니다. |
||
16 | <audio> | Element, HTML, HTML embedded content, HTML5, Media, Multimedia, Reference, Web, 소리, 오디오 |
HTML <audio> 요소는 문서에 소리 콘텐츠를 포함할 때 사용합니다. |
||
17 | <b> | Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Phrasing content, Reference, Web |
HTML <b> 요소는 독자의 주의를 요소의 콘텐츠로 끌기 위한 용도로 사용합니다. 그 외의 다른 특별한 중요도는 주어지지 않습니다. |
||
18 | <base> | Element, HTML, HTML document metadata, HTML:Metadata content, Reference |
HTML <base> 요소는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. 문서에는 하나의 <base> 요소만 존재할 수 있습니다. |
||
19 | <bdo>: 양방향 텍스트 재정의 요소 | Element, HTML, HTML text-level semantics, Reference, Web, 쓰기 방향 |
HTML <bdo> 요소는 현재 텍스트의 쓰기 방향을 덮어쓰고 다른 방향으로 렌더링 할 때 사용합니다. |
||
20 | <blockquote>: 인용 블록 요소 | Element, HTML, HTML grouping content, HTML:Flow content, Reference, Web, 인용 |
HTML <blockquote> 요소는 안쪽의 텍스트가 긴 인용문임을 나타냅니다. 주로 들여쓰기를 한 것으로 그려집니다. (외형을 바꾸는 법은 사용 일람을 참고하세요) 인용문의 출처 URL은 cite 특성으로, 출처 텍스트는 cite 요소로 제공할 수 있습니다. |
||
21 | <body>: 문서 본문 요소 | Element, HTML, Reference, Web |
HTML <body> 요소는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 <body> 요소만 존재할 수 있습니다. |
||
22 | <br>: 줄바꿈 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <br> 요소는 텍스트 안에 줄바꿈(캐리지 리턴)을 생성합니다. 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용합니다. |
||
23 | <button>: 버튼 요소 | Element, Forms, HTML, HTML forms, Reference, Web |
HTML <button> 요소는 클릭 가능한 버튼을 나타냅니다. 버튼은 양식 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다. |
||
24 | <canvas>: 그래픽 캔버스 요소 | Canvas, Element, HTML, HTML scripting, Reference, Web |
HTML <canvas> 요소는 캔버스 스크립팅 API 또는 WebGL API와 함께 사용해 그래픽과 애니메이션을 그릴 수 있습니다. |
||
25 | <caption>: 표 설명 요소 | Element, HTML, HTML tabular data, Reference, Web |
HTML <caption> 요소는 표의 설명 또는 제목을 나타냅니다. |
||
26 | <center> | |
이 HTML Center (<center> )요소는 또다른 블록요소을 포함하거나, 인라인요소(Inline)를 포함할 수 있는 블록속성(block-level) 의 요소이다. 그리고 해당 <center> 요소안에 포함된 전체요소는 <center>의 내용안에 가운데 정렬이 된다. (통상적으로 body 로 쓰임). |
||
27 | <cite> | Element, HTML, HTML text-level semantics, Reference, Web, 인용, 출처 |
HTML <cite> 요소는 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다. |
||
28 | <code>: 인라인 코드 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <code> 요소는 짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시합니다. |
||
29 | <col> | Element, HTML, HTML tabular data, Reference, Web |
HTML <col> 요소는 표의 열을 나타내며, 열에 속하는 칸에 공통된 의미를 부여할 때 사용합니다. |
||
30 | <colgroup> | Element, HTML, HTML tabular data, Reference, Web |
HTML <colgroup> 요소는 표의 열을 묶는 그룹을 정의합니다. |
||
31 | <content> | |
The HTML <content> element—an obsolete part of the Web Components suite of technologies—was used inside of Shadow DOM as an insertion point, and wasn't meant to be used in ordinary HTML. |
||
32 | <data> | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <data> 요소는 주어진 콘텐츠를 기계가 읽을 수 있는 해석본과 연결합니다. |
||
33 | <datalist> | Element, HTML, HTML forms, HTML5, Reference, Web |
HTML <datalist> 요소는 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 option 요소 여럿을 담습니다. |
||
34 | <dd> | Element, HTML, HTML grouping element, Reference, Web, 요소 |
HTML <dd> 요소는 정의 목록 요소(dl )에서 앞선 용어(dt )에 대한 설명, 정의, 또는 값을 제공합니다. |
||
35 | <del> | Element, HTML, HTML edits, Reference, Web |
HTML <del> 요소는 문서에서 제거된 텍스트의 범위를 나타냅니다. |
||
36 | <details> | Element, HTML, HTML interactive elements, Reference, Web |
HTML <details> 요소는 "열림" 상태일 때만 내부 정보를 보여주는 정보 공개 위젯을 생성합니다. |
||
37 | <dfn>: 정의 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <dfn> 요소는 현재 맥락이나 문장에서 정의하고 있는 용어를 나타냅니다. |
||
38 | <dialog>: 대화 상자 요소 | Element, HTML, HTML interactive elements, Reference, Web, polyfill, 대화 상자 |
HTML <dialog> 요소는 닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 나타냅니다. |
||
39 | <div>: 콘텐츠 분할 요소 | Element, HTML, HTML grouping content, HTML:Flow content, Layout, Reference, Web |
HTML <div> 요소는 플로우 콘텐츠를 위한 통용 컨테이너입니다. CSS로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않습니다. |
||
40 | <dl> | Element, HTML, HTML grouping content, HTML:Flow content, HTML:Palpable Content, Reference, Web |
HTML <dl> 요소는 설명 목록을 나타냅니다. <dl> 은 dt 로 표기한 용어와 dd 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다. |
||
41 | <dt> | Element, HTML, HTML grouping content, Reference |
HTML <dt> 요소는 설명 혹은 정의 리스트에서 용어를 나타냅니다. dl 요소 안에 위치해야 합니다 |
||
42 | <em>: 강세 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <em> 요소는 텍스트의 강세를 나타냅니다. <em> 요소를 중첩하면 더 큰 강세를 뜻하게 됩니다. |
||
43 | <embed> | HTML, HTML 포함된 컨텐츠, HTML5, 레퍼런스, 요소, 웹 |
HTML <embed> 요소는 외부 어플리케이션이나 대화형 컨텐츠와의 통합점을 나타냅니다. |
||
44 | <fieldset>: 필드셋 요소 | Element, HTML, HTML forms, Reference, Web |
HTML <fieldset> 요소는 웹 양식의 여러 컨트롤과 레이블(label )을 묶을 때 사용합니다. |
||
45 | <figcaption> | Element, HTML, HTML grouping content, Reference |
HTML <figcaption> 요소는 부모 figure 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다. |
||
46 | <figure> | Element, HTML, HTML grouping content, Reference |
HTML <figure> 요소는 독립적인 콘텐츠를 표현합니다. figcaption 요소를 사용해 설명을 붙일 수 있습니다. |
||
47 | <font> | 요소, 폐기됨 |
HTML에서의 Font 요소 (<font> ) 는 본문의 글자 크기, 색상과 및면을 정의합니다. |
||
48 | <footer> | Element, HTML, HTML sections, Reference |
HTML <footer> 요소는 가장 가까운 구획 콘텐츠나 구획 루트의 푸터를 나타냅니다. 푸터는 일반적으로 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담습니다. |
||
49 | <form> | Element, HTML, HTML forms, Reference, Web, 양식 |
HTML <form> 요소는 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냅니다. |
||
50 | <frame> | |
<frame> 은 다른 HTML 문서가 표시될 수 있는 특정 영역을 정의하는 element이다. frame은 frameset 내에서 사용되어야 한다. |
||
51 | <frameset> | |
<frameset> 은 HTML element로써 frame element을 포함하고 사용된다. |
||
52 | <head>: 문서 메타데이터 (헤더) 요소 | Element, HTML, HTML document metadata, HTML:Metadata content, Reference, Web, 요소 |
HTML <head> 요소는 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 정보로는 문서가 사용할 제목, 스크립트, 스타일 시트 등이 있습니다. |
||
53 | <header> | Element, HTML, HTML sections, Reference, Web |
HTML <header> 요소는 소개 및 탐색에 도움을 주는 콘텐츠를 나타냅니다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소도 포함할 수 있습니다. |
||
54 | <h1>–<h6>: HTML 구획 제목 요소 | Element, HTML, HTML sections, Reference, Web |
HTML <h1> –<h6> 요소는 6단계의 구획 제목을 나타냅니다. 구획 단계는 <h1> 이 가장 높고 <h6> 은 가장 낮습니다. |
||
55 | <hgroup> | Element, HTML, HTML sections, Reference, Web |
HTML <hgroup> 요소는 문서 구획의 다단계 제목을 나타냅니다. 다수의 요소를 묶을 때 사용합니다. |
||
56 | <hr> | Element, HTML, HTML grouping content, Reference |
HTML <hr> 요소는 이야기 장면 전환, 구획 내 주제 변경 등, 문단 레벨 요소에서 주제의 분리를 나타냅니다. |
||
57 | <html>: HTML 문서 / 루트 요소 | Element, HTML, HTML Root Element, Reference, Web |
HTML <html> 요소는 HTML 문서의 루트(최상단 요소)를 나타내며, "루트 요소"라고도 부릅니다. 모든 다른 요소는 <html> 요소의 후손이어야 합니다. |
||
58 | <i> | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <i> 요소는 텍스트에서 어떤 이유로 주위와 구분해야 하는 부분을 나타냅니다. |
||
59 | <iframe>: 인라인 프레임 요소 | Element, HTML, HTML embedded content, Reference, Web |
HTML <iframe> 요소는 중첩 browsing context을 나타내는 요소로, 현재 문서 안에 다른 HTML 페이지를 삽입합니다. |
||
60 | <img>: 이미지 삽입 요소 | Element, HTML, HTML embedded content, Multimedia, Reference, Web, 사진, 이미지 |
HTML <img> 요소는 문서에 이미지를 넣습니다. |
||
61 | <input>: 입력 요소 | Element, Forms, HTML, HTML forms, HTML input tag, Reference, Web |
HTML <input> 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다. |
||
62 | <input type="button"> | Element, Forms, HTML, HTML forms, Input Element, Input Type |
button 유형의 input 요소는 단순한 푸시 버튼으로 렌더링 됩니다. 이벤트 처리기(주로 click 이벤트)를 부착하면, 사용자 지정 기능을 웹 페이지 어느 곳에나 제공할 수 있습니다. |
||
63 | <input type="date"> | Element, HTML, HTML forms, Input, Input Element, Input Type, Reference |
date 유형의 input 요소는 유효성 검증을 포함하는 텍스트 상자 또는 특별한 날짜 선택 인터페이스를 사용해 날짜를 입력할 수 있는 입력 칸을 생성합니다. |
||
64 | <input type="file"> | HTML, HTML forms, Input Type, Reference, 파일 |
file 유형의 input 요소에는 저장 장치의 파일을 하나 혹은 여러 개 선택할 수 있습니다. 그 후, 양식을 제출해 서버로 전송하거나, File API를 사용한 JavaScript 코드로 조작할 수 있습니다. |
||
65 | <input type="radio"> | Element, HTML, HTML Input Types, HTML forms, HTML input, Input, Input Types, Reference, 라디오, 라디오 그룹, 라디오 버튼 |
radio 유형의 input 요소는 보통 서로 관련된 옵션을 나타내는 라디오 버튼 콜렉션, 라디오 그룹에 사용합니다. |
||
66 | <ins> | Element, HTML, HTML edits, Reference, Web |
HTML <ins> 요소는 문서에 추가된 텍스트의 범위를 나타냅니다. |
||
67 | <kbd>: 키보드 입력 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <kbd> 요소는 키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냅니다. |
||
68 | <keygen> | 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. |
||
69 | <label> | Element, HTML, HTML forms, Reference, Web |
HTML <label> 요소는 사용자 인터페이스 항목의 설명을 나타냅니다. |
||
70 | <legend> | Element, Forms, HTML, HTML forms, Reference, Web |
HTML <legend> 요소는 부모 fieldset 콘텐츠의 설명을 나타냅니다. |
||
71 | <li> | Element, HTML, HTML grouping content, Reference |
HTML <li> 요소는 목록의 항목을 나타냅니다. |
||
72 | <link>: 외부 리소스 연결 요소 | Element, HTML, HTML document metadata, Reference, Web, favicon, metadata, 메타데이터, 파비콘 |
HTML <link> 요소는 현재 문서와 외부 리소스의 관계를 명시합니다. <link> 는 CSS를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러가지로 쓰일 수 있습니다. |
||
73 | <main> | Element, HTML, HTML grouping content, HTML sections, Reference |
HTML <main> 요소는 문서 body 의 주요 콘텐츠를 나타냅니다. 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠로 이루어집니다. |
||
74 | <map> | Element, HTML, HTML embedded content, Multimedia, Reference, Web |
HTML <map> 요소는 area 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용합니다. |
||
75 | <mark> | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <mark> 요소는 현재 맥락에 관련이 깊거나 중요해 표시 또는 하이라이트한 부분을 나타냅니다. |
||
76 | <menu> | |
HTML <menu> 요소는 사용자가 수행하거나 하는 명령 묶음을 말합니다. 이것은 스크린 위에 나오는 목록 메뉴와 눌려진 버튼 아래에 나오는 것과 같은 맥락 메뉴를 포함합니다. |
||
77 | <meta>: 문서 레벨 메타데이터 요소 | Element, HTML, HTML document metadata, Reference, Web, metadata |
HTML <meta> 요소는 base , link , script , style , title 과 같은 다른 메타관련 요소로 나타낼 수 없는 Metadata를 나타냅니다. |
||
78 | 표준 메타데이터 이름 | Attribute, HTML, HTML document metadata, Reference, metadata, 메타데이터 |
meta 요소는 name 특성을 메타데이터 이름으로, content 특성을 값으로 하여 문서 메타데이터를 이름-값 쌍의 형태로 제공할 때 사용할 수 있습니다. |
||
79 | <meter> | Element, HTML, HTML forms, Reference, Web |
HTML <meter> 요소는 특정 범위 내에서의 스칼라 값, 또는 백분율 값을 나타냅니다. |
||
80 | <nav>: 탐색 구획 요소 | Element, HTML, HTML sections, HTML5, Reference, Web |
HTML <nav> 요소는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타냅니다. 자주 쓰이는 예제는 메뉴, 목차, 색인입니다. |
||
81 | <noscript> | Element, HTML, HTML scripting, Reference, Web |
HTML <noscript> 요소는 페이지의 스크립트 유형을 지원하지 않거나, 브라우저가 스크립트를 비활성화한 경우 보여줄 HTML 구획을 정의합니다. |
||
82 | <object> | Element, HTML, Reference, Web |
HTML <object> 요소는 이미지나, 중첩된 브라우저 컨텍스트, 플러그인에 의해 다뤄질수 있는 리소스와 같은 외부 리소스를 나타냅니다. |
||
83 | <ol> | Element, HTML, HTML grouping content, HTML:Flow content, Reference |
HTML <ol> 요소는 정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다. |
||
84 | <optgroup> | Element, Forms, HTML, HTML forms, Reference, Web |
HTML <optgroup> 요소는 select 요소의 옵션을 묶을 수 있습니다. |
||
85 | <option> | Element, Forms, HTML, HTML forms, Reference |
HTML <option> 요소는 select , optgroup , datalist 요소의 항목을 정의합니다. |
||
86 | <output>: 출력 요소 | Element, HTML, HTML forms, HTML:Flow content, Reference, Web |
HTML <output> 요소는 웹 사이트나 앱에서 계산이나 사용자 행동의 결과를 삽입할 수 있는 컨테이너 요소입니다. |
||
87 | <p> | Element, HTML, HTML grouping content, Reference, Web |
HTML <p> 요소는 하나의 문단을 나타냅니다. |
||
88 | <param>: 객체 매개변수 요소 | Element, HTML, HTML embedded content, Reference, Web |
HTML <param> 요소는 object 요소의 매개변수를 정의합니다. |
||
89 | <pre> | Element, HTML, HTML grouping content, HTML:Flow content, Reference, Web |
HTML <pre> 요소는 미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다. |
||
90 | <progress> | Element, HTML, HTML forms, Reference, Web |
HTML <progress> 요소는 어느 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 띕니다. |
||
91 | <q>: 인라인 인용문 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <q> 요소는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다. |
||
92 | <rb>: 루비 베이스 요소 | Element, HTML, HTML text-level semantics, Reference, Ruby, Text, Web |
HTML <rb> 요소는 ruby 표기의 기반 텍스트 구성요소(루비 주석을 적용하려는 글자)를 나눌 때 사용합니다. |
||
93 | <rp>: 루비 대체 괄호 요소 | Element, HTML, HTML text-level semantics, Reference, Ruby, Web |
HTML <rp> 요소는 ruby 요소를 사용한 루비 주석을 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용합니다. |
||
94 | <rt>: 루비 텍스트 요소 | Element, HTML, HTML text-level semantics, Reference, Ruby, Web |
HTML <rt> 요소는 동아시아 문자의 루비 주석에서 발음, 번역 등을 나타내는 텍스트 부분을 지정합니다. |
||
95 | <rtc>: 루비 텍스트 콘테이너 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <rtc> 요소는 rb 요소가 표시하는 문자의 의미에 대한 주석을 나타냅니다. |
||
96 | <ruby> | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <ruby> 요소는 루비 주석을 나타냅니다. 루비 주석은 동아시아 문자의 발음을 표기할 때 사용합니다. |
||
97 | <s> | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <s> 요소는 글자에 취소선, 즉 글자를 가로지르는 선을 그립니다. |
||
98 | <samp>: 출력 예시 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <samp> 요소는 컴퓨터 프로그램 출력의 예시(혹은 인용문)를 나타냅니다. |
||
99 | <script>: 스크립트 요소 | Element, HTML, HTML scripting, HTML:Flow content, HTML:Metadata content, HTML:Phrasing content, HTML:Script-supporting element, Reference, Web |
HTML <script> 요소는 데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다. |
||
100 | <section>: 일반 구획 요소 | Element, HTML, HTML sections, Reference, Web |
HTML <section> 요소는 HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. |
||
101 | <select> | Element, Forms, HTML, HTML forms, Reference, Web |
HTML <select> 요소는 옵션 메뉴를 제공하는 컨트롤을 나타냅니다. |
||
102 | <slot> | Element, HTML, HTML Web Components, Reference, Web, Web Components, 웹 컴포넌트 |
HTML <slot> 요소는 웹 컴포넌트 사용자가 자신만의 마크업으로 채워 별도의 DOM 트리를 생성하고, 컴포넌트와 함께 표현할 수 있는 웹 컴포넌트 내부의 플레이스홀더입니다. |
||
103 | <small>: 덧붙임 글 요소 | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <small> 요소는 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타냅니다. |
||
104 | <span> | Element, HTML, HTML text-level semantics, HTML:Flow content, Reference, Web |
HTML <span> 요소는 구문 콘텐츠를 위한 통용 인라인 컨테이너로, 본질적으로는 아무것도 나타내지 않습니다. 스타일을 적용하기 위해서, 또는 lang 등 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용할 수 있습니다. |
||
105 | <strong>: 높은 중요도 요소 | Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web |
HTML <strong> 요소는 중대하거나 긴급한 콘텐츠를 나타냅니다. 보통 브라우저는 굵은 글씨로 표시합니다. |
||
106 | <style>: 스타일 정보 요소 | CSS, Element, HTML, HTML document metadata, Reference, Web |
HTML <style> 요소는 문서나 문서 일부에 대한 스타일 정보를 포함합니다. |
||
107 | <sub>: 아래 첨자 요소 | Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web |
HTML <sub> 요소는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. |
||
108 | <summary> | Element, HTML, Reference, Web |
HTML 공개 요약 요소 (<요약> ) 요소는 ("상세") 요소의 공개 상자에 대한 요약, 캡션 또는 범례를 지정한다. |
||
109 | <sup>: 위 첨자 요소 | Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web |
HTML <sup> 요소는 활자 배치를 위 첨자로 해야 하는 인라인 텍스트를 지정합니다. |
||
110 | <table> | Element, HTML, HTML tabular data, Reference, Web, 표 |
HTML <table> 요소는 행과 열로 이루어진 표를 나타냅니다. |
||
111 | <tbody>: 표 본문 요소 | Element, HTML, HTML tabular data, Reference, Web |
HTML <tbody> 요소는 표의 여러 행(tr )을 묶어서 표 본문을 구성합니다. |
||
112 | <td> | Element, HTML, Reference |
Table cell HTML 요소 (<td> ) 는 데이터를 포함하는 표의 셀을 정의합니다. 이것은 표 모델에 참여합니다. |
||
113 | <template>: 콘텐츠 템플릿 요소 | Element, HTML, HTML Web Components, HTML:Flow content, HTML:Metadata content, HTML:Phrasing content, HTML:Script-supporting element, Reference, Web, Web Components, 웹 컴포넌트 |
HTML <template> 요소는 페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합니다. |
||
114 | <textarea> | Element, Forms, HTML, HTML forms, Web |
HTML <textarea> 요소는 멀티라인 일반 텍스트 편집 컨트롤을 나타냅니다. |
||
115 | <th> | 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. |
||
116 | <thead> | |
The HTML Table Head Element (<thead> ) defines a set of rows defining the head of the columns of the table. |
||
117 | <time> | Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web |
HTML <time> 요소는 시간의 특정 지점 또는 구간을 나타냅니다. |
||
118 | <title>: 문서 제목 요소 | Element, HTML, HTML document metadata, HTML:Metadata content, Reference, Web, 제목, 창 제목, 탭 제목, 페이지 제목 |
HTML <title> 요소는 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의합니다. |
||
119 | <tr> | |
The HTML Table Row Element (<tr> ) defines a row of cells in a table. Those can be a mix of td and th elements. |
||
120 | <track>: 텍스트 트랙 삽입 요소 | Accessibility, Element, HTML, HTML embedded content, HTML5, Multimedia, Reference, Web, 자막 |
HTML <track> 요소는 미디어 요소(audio , video )의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다. |
||
121 | <u> | Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web |
HTML <u> 요소는 글자로 표현하지 않는 주석을 가진 것으로 렌더링 해야 하는 텍스트를 나타냅니다. |
||
122 | <ul> | Element, HTML, HTML grouping content, Reference, Web |
HTML <ul> 요소는 정렬되지 않은 목록을 나타냅니다. 보통 불릿으로 표현합니다. |
||
123 | <var>: 변수 요소 | Element, HTML, HTML text-level semantics, HTML:Flow content, HTML:Palpable Content, HTML:Phrasing content, Reference, Web |
HTM <var> 요소는 수학 표현 또는 프로그래밍에서 변수의 이름을 나타냅니다. |
||
124 | <video>: 비디오 삽입 요소 | Element, HTML, HTML embedded content, Media, Multimedia, Reference, Web, 동영상, 비디오 |
HTML <video> 요소는 비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다. |
||
125 | <wbr> | Element, HTML, HTML text-level semantics, Reference, Web |
HTML <wbr> 요소는 현재 요소의 줄 바꿈 규칙을 무시하고 브라우저가 줄을 바꿀 수 있는 위치를 나타냅니다. |
||
126 | 전역 특성 | Attribute, HTML, Reference, Web, 특성 |
전역 특성(Global attributes)은 모든 HTML에서 공통으로 사용할 수 있는 특성입니다. 그러나 일부 요소에는 아무런 효과도 없을 수 있습니다. |
||
127 | accesskey | Global attributes, HTML, Reference, 단축키 |
accesskey 전역 특성은 현재 요소에 대한 키보드 단축키를 생성할 때 사용할 힌트를 제공합니다. |
||
128 | autocapitalize | Global attributes, HTML, Reference, 자동 대문자화 |
autocapitalize 전역 특성은 사용자가 입력하거나 수정하는 텍스트를 자동으로 대문자로 바꾸는 방식을 제거하는 열거형 특성입니다. |
||
129 | class | Global attributes, HTML, Reference |
class 전역 특성은 공백으로 구분한 요소 클래스의 목록으로, 대소문자를 구분하지 않습니다. 클래스는 CSS나 JavaScript에서 클래스 선택자나 DOM 메서드의 document.getElementsByClassName() 과 같은 메서드를 통해 요소에 접근할 수 있는 방법입니다. |
||
130 | contenteditable | Global attributes, HTML, Reference |
contenteditable 전역 특성은 사용자가 요소를 편집할 수 있는지 나타내는 열거형 특성입니다. |
||
131 | contextmenu | Deprecated, Global attributes, HTML, Reference |
contextmenu 특성은 폐기되었으며, 모든 브라우저에서 제거될 것입니다. | ||
132 | data-* | Global attributes, HTML, Reference |
data-* 전역 특성은 사용자 지정 데이터 특성(custom data attributes)이라는 특성 클래스를 형성함으로써 임의의 데이터를 스크립트로 HTML과 DOM 사이에서 교환할 수 있는 방법입니다. |
||
133 | dir | BiDi, Global attributes, HTML, Reference |
dir 전역 특성은 요소의 쓰기 방향을 나타내는 열거형 특성입니다. |
||
134 | draggable | Global attributes, HTML, Reference |
draggable 전역 특성은 요소의 드래그 가능 여부를 나타내는 열거형 특성으로, 네이티브 브라우저 동작 방식과 HTML Drag and Drop API 모두 통제합니다. |
||
135 | hidden | Global attributes, HTML, Reference |
hidden 전역 특성은 해당 요소가 아직, 또는 더 이상 관련이 없음을 나타내는 불리언 특성입니다. |
||
136 | id | Global attributes, HTML, Reference, Web |
id 전역 특성은 문서 전체에서 유일한 고유식별자(ID)를 정의합니다. |
||
137 | inputmode | Attribute, Global attributes, HTML, Reference, Web |
inputmode 전역 특성은 사용자가 요소나 요소의 콘텐츠를 편집할 때 입력할 수 있는 데이터 유형의 힌트를 제공하는 열거형 특성입니다. |
||
138 | is | Global attributes, HTML, Reference |
is 전역 특성은 표준 HTML 요소가 사용자 지정 요소처럼 행동하도록 지정합니다. 사용자 지정 요소 사용하기를 방문해 더 자세한 정보를 알아보세요. |
||
139 | itemid | Global attribute, HTML, HTML Microdata, Microdata, Reference, 마이크로데이터 |
itemid 전역 특성은 아이템의 고유한 전역 식별자의 형태로 마이크로데이터를 제공합니다. itemid 특성은 itemscope , itemtype 특성 모두 가진 요소에만 지정할 수 있습니다. 또한 itemscope 특성에 대응하는 itemtype 이 전역 식별자 어휘를 참조하거나 정의해야 합니다. |
||
140 | itemprop | Attribute, Global attribute, HTML, HTML Microdata, Microdata, Reference, 마이크로데이터 |
itemprop 전역 특성은 아이템에 속성을 추가할 때 사용합니다. 모든 요소는 itemprop 특성을 가질 수 있으며, 하나의 itemprop 은 키-값 쌍으로 구성됩니다. 각각의 키-값 쌍은 속성이라고 부르고, 하나 이상의 속성으로 구성한 그룹을 아이템이라고 부릅니다. 속성의 값으로는 문자열이나 URL을 사용할 수 있고, audio , embed , iframe , img , link , object , source , track , video 등 다양한 요소와 연관지을 수 있습니다. |
||
141 | itemref | Global attribute, HTML, HTML Microdata, Reference |
itemref 전역 특성을 사용하면 itemscope 특성을 가진 요소 바깥의 속성도 아이템과 연결할 수 있습니다. |
||
142 | itemscope | Global attribute, HTML, HTML Microdata, Microdata, Reference, 마이크로데이터 |
itemscope 전역 특성은 연관된 메타데이터의 범위를 지정하는 불리언 특성입니다. 요소에 itemscope 특성을 지정하면 새로운 아이템을 생성하고, 그 결과로 요소에 관련된 키-값 쌍 다수를 낳습니다. 관련 특성인 itemtype 은 어휘(schema.org 등)의 유효한 URL을 지정할 때 사용합니다. 아래 각각의 예제는 schema.org의 어휘를 사용합니다. |
||
143 | lang | Global attributes, HTML, Reference |
lang 전역 특성은 요소 내의 수정 불가한 텍스트의 언어와, 수정 가능한 텍스트가 사용해야 하는 언어를 정의합니다. 특성의 값은 Tags for Identifying Languages (BCP47)에 정의된 형식의 "언어 태그" 한 개입니다. |
||
144 | part | Global attributes, HTML, Reference |
part 전역 특성은 요소의 파트 이름을 공백으로 구분한 목록을 지정합니다. CSS에서는 ::part 의사 요소를 사용해, 섀도 트리 내의 특정 요소에 스타일을 적용할 수 있습니다. |
||
145 | slot | Global attributes, HTML, Reference |
slot 전역 특성은 요소에 섀도우 DOM 섀도우 트리를 할당합니다. slot 특성을 지정한 요소는 name 특성의 값이 요소의 slot 값과 일치하는 slot 요소에 할당됩니다. |
||
146 | spellcheck | Global attributes, HTML, Reference |
spellcheck 전역 특성은 요소의 맞춤법 검사 여부를 지정하는 열거형 특성입니다. |
||
147 | style | Global attributes, HTML, Reference |
style 전역 특성은 요소에 적용할 CSS 스타일 선언을 담습니다. |
||
148 | tabindex | Global attributes, HTML, Reference |
tabindex 전역 특성은 요소가 포커스 가능함을 나타내며, 이름에서도 알 수 있듯, 주로 Tab 키를 사용하는 연속적인 키보드 탐색에서 어느 순서에 위치할지 지정합니다. |
||
149 | title | Global attributes, HTML, Reference |
title 전역 특성은 요소와 관련된 추가 정보를 제공하는 텍스트를 나타냅니다. |
||
150 | translate | Experimental, Global attributes, HTML, Reference |
translate 전역 특성은 페이지를 지역화할 때 요소의 Text 노드 자식 및 번역 가능한 특성의 값을 번역해야 되는지, 아니면 그대로 유지해야 하는지 나타내는 열거형 속성입니다. |
||
151 | 인라인 요소 | Beginner, Development, Guide, HTML, Layout, Web |
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 인라인 요소는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지합니다. 이 글은 인라인 요소란 무엇인지와 블록 레벨 요소와의 차이점을 살펴봅니다. | ||
152 | Link types | Attribute, HTML, Link, Link types, Reference |
다음 표에 나열된 링크 타입 속성은 HTML에서 두 문서간의 관계를 명시할 때 사용합니다. 이 때 a , area , 또는 link 요소를 사용해 한 쪽에서 다른 쪽으로 향하는 연결고리를 만듭니다. |
||
153 | Preloading content with rel="preload" | |
link 엘리먼트의 rel 속성에 preload 라는 값이 부여되면 페이지 라이프사이클 초기에 필요한 자원에 대해서 HTML head 에서 fetch 요청을 선언할 수 있다. 이는 해당 자원의 가용시점을 앞당기고 렌더링의 방해가 일어나지 않게 함으로서 성능을 개선한다. |
||
154 | 호환 모드와 표준 모드 | |
과거 웹 페이지는 넷스케이프 내비게이터(Netscape Navigator)용과 마이크로소프트 인터넷 익스플로러(Microsoft Internet Explorer)용의 두 가지 버전으로 만들어졌다. W3C에서 웹 표준을 제정할 당시, 기존 브라우저들은 새롭게 만들어진 표준을 기반으로 대부분의 웹 사이트들을 제대로 표현할 수 없었다. 따라서, 브라우저들은 새로운 표준으로 제작된 사이트와 예전 방식으로 제작된 사이트를 렌더링하기 위한 두 가지 모드를 제공했다. | ||
155 | HTML 참고서 | HTML, Landing, Reference, Web |
HTML 참고서는 HTML의 모든 요소와 특성의 설명을 담고 있습니다. | ||
156 | 애플리케이션 캐시 사용하기 | |
HTML5 는 웹기반의 애플리케이션들이 오프라인에서도 실행되도록 해주는 애플리케이션 캐시 메카니즘을 제공한다. 개발자는 브라우저에 캐시되어 오프라인 사용자가 사용할 수 있도록 자원을 지정하기 위하여 애플리케이션 캐시(앱 캐시) 인터페이스를 사용할 수 있다. 캐시된 애플리케이션은 사용자가 오프라인 상태에서 새로고침을 클릭할 때 올바르게 불러와서 작동한다. | ||