IT Log

속성 목록 본문

HTML

속성 목록

newly0513 2020. 6. 17. 18:03
728x90
반응형

HTML5 2020.06.18 기준

속성 사용 태그 설명
accept <input> 서버가 허용하는 파일 유형을 지정 (type = "file"에만 해당).
accept-charset <form> 양식 제출에 사용될 문자 인코딩을 지정
accesskey Global 속성 요소를 활성화 / 초점화하는 단축키를 지정 
action <form> 양식을 제출할 때 양식 데이터를 보낼 위치를 지정 
alt <area>, <img>, <input> 원래 요소가 표시되지 않을 때 대체 텍스트를 지정 
async <script> 스크립트가 비동기 적으로 실행되도록 지정 (외부 스크립트에만 해당).
autocomplete <form>, <input> <form> 또는 <input> 요소가 자동 완성을 사용할지 여부를 지정 
autofocus <button>, <input>, <select>, <textaarea> 페이지가로드 될 때 요소가 자동으로 초점을 가져 오도록 지정
autoplay <audio>, <video> 오디오 / 비디오가 준비 되 자마자 재생을 시작하도록 지정
charset <meta>, <script> 문자 인코딩을 지정
checked <input> 페이지가로드 될 때 <input> 요소를 미리 선택하도록 지정 (type = "checkbox"또는 type = "radio"의 경우).
cite <blockquote>, <del>, <ins>, <q> 따옴표 / 삭제 / 삽입 된 텍스트를 설명하는 URL을 지정 
class Global 속성 요소에 하나 이상의 클래스 이름을 지정 (스타일 시트의 클래스 참조).
cols <textarea> 텍스트 영역의 보이는 너비를 지정 
colsapan <td>, <th> 테이블 셀이 확장해야하는 열 수를 지정 
content <meta> http-equiv 또는 name 속성과 연관된 값을 제공 
contenteditable Global 속성 요소의 내용을 편집 할 수 있는지 여부를 지정 
controls <audio>, <video> 오디오 / 비디오 컨트롤이 표시되도록 지정 (예 : 재생 / 일시 정지 버튼 등)
coords <area> 영역의 좌표를 지정
data <object> 오브젝트가 사용할 자원의 URL을 지정 
data-* Global 속성 사용자 정의 데이터를 페이지 또는 애플리케이션 전용으로 저장하는 데 사용
datetime <del>, <ins>, <time> 날짜와 시간을 지정 
default <track> 사용자의 환경 설정에 다른 트랙이 더 적합하다는 표시가없는 경우 트랙이 사용되도록 지정 
defer <script> 페이지 구문 분석이 완료되면 스크립트가 실행되도록 지정 (외부 스크립트에만 해당).
dir Global 속성 요소의 내용에 대한 텍스트 방향을 지정 
dirname <input>, <textarea> 텍스트 방향을 제출하도록 지정
disabled <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> 지정된 요소 / 요소 그룹을 사용하지 않도록 지정.
download <a>, <area> 사용자가 하이퍼 링크를 클릭 할 때 대상이 다운로드되도록 지정 
draggable Global 속성 요소를 드래그 할 수 있는지 여부를 지정 
enctype <form> 양식 데이터를 서버에 제출할 때 양식 데이터를 인코딩하는 방법을 지정 (method = "post"에만 해당).
for <label>, <output> 레이블 / 계산이 바인딩되는 양식 요소를 지정
form <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> 요소가 속한 양식의 이름을 지정 
formaction <button>, <input> 양식을 제출할 때 양식 데이터를 보낼 위치를 지정 type = "submit"에 대해서만
headers <td>, <th> 셀과 관련된 하나 이상의 헤더 셀을 지정 
height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> 요소의 높이를 지정 
hidden Global 속성 요소가 아직 관련성이 없거나 더 이상 관련이 없음을 지정 
high <meter> 높은 값으로 간주되는 범위를 지정 
href <a>, <area>, <base>, <link> 링크가가는 페이지의 URL을 지정 
hreflang <a>, <area>, <link> 링크 된 문서의 언어를 지정 
http-equiv <meta> content 속성의 정보 / 값에 대한 HTTP 헤더를 제공 
id Global 속성 요소의 고유 ID를 지정 
ismap <img> 이미지를 서버 측 이미지 맵으로 지정
kind <track> 텍스트 트랙의 종류를 지정 
label <track>, <option>, <optgroup> 텍스트 트랙의 제목을 지정 
lang Global 속성 요소 내용의 언어를 지정
list <input> <input> 요소에 대한 사전 정의 된 옵션이 포함 된 <datalist> 요소를 나타냄 
loop <audio>, <video> 오디오 / 비디오가 끝날 때마다 다시 시작하도록 지정 
low <meter> 낮은 값으로 간주되는 범위를 지정 
max <input>, <meter>, <progress> 최대 값을 지정 
maxlength <input>, <textarea> 요소에 허용되는 최대 문자 수를 지정 
media <a>, <area>, <link>, <source>, <style> 링크 된 문서에 최적화 된 미디어 / 장치를 지정 
method <form> 양식 데이터를 보낼 때 사용할 HTTP 메소드를 지정 
min <input>, <meter> 최소값을 지정 
multiple <input>, <select> 사용자가 둘 이상의 값을 입력 할 수 있도록 지정 
muted <video>, <audio> 비디오의 오디오 출력을 음소거하도록 지정
name <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> 요소의 이름을 지정 
novalidate <form> 제출시 양식의 유효성을 검증하지 않도록 지정 
onabort <audio>, <embed>, <img>, <object>, <video> 중단시 실행할 스크립트
onafterprint <body> 문서가 인쇄 된 후 실행될 스크립트
onbeforeprint <body> 문서를 인쇄하기 전에 실행할 스크립트
onbeforeunload <body> 문서가 언로드 될 때 실행될 스크립트
onblur 모든 보이는 요소 요소가 포커스를 잃을 때 실행될 스크립트
oncanplay <audio>, <embed>, <object>, <video> 파일을 재생할 준비가되었을 때 (시작하기에 충분히 버퍼링 된 경우) 실행할 스크립트
oncanplaythrough <audio>, <video> 버퍼링을 일시 중지하지 않고 파일을 끝까지 재생할 수있을 때 실행되는 스크립트
onchange 모든 보이는 요소 요소 값이 변경 될 때 실행될 스크립트
onclick 모든 보이는 요소 요소를 클릭 할 때 실행될 스크립트
oncontextmenu 모든 보이는 요소 상황에 맞는 메뉴가 트리거 될 때 실행될 스크립트
oncopy 모든 보이는 요소 요소의 내용을 복사 할 때 실행할 스크립트
oncuechange <track> 큐가 <track> 요소에서 변경 될 때 실행될 스크립트
oncut 모든 보이는 요소 요소의 내용이 잘릴 때 실행될 스크립트
ondblclick 모든 보이는 요소 요소를 두 번 클릭 할 때 실행할 스크립트
ondrag 모든 보이는 요소 요소를 끌 때 실행할 스크립트
ondragend 모든 보이는 요소 드래그 작업이 끝날 때 실행되는 스크립트
ondragenter 모든 보이는 요소 요소를 유효한 놓기 대상으로 끌 때 실행할 스크립트
ondragleave 모든 보이는 요소 요소가 유효한 놓기 대상을 떠날 때 실행할 스크립트
ondragover 모든 보이는 요소 요소가 유효한 놓기 대상 위로 끌 때 실행될 스크립트
ondragstart 모든 보이는 요소 드래그 작업을 시작할 때 실행할 스크립트
ondrop 모든 보이는 요소 드래그 한 요소를 놓을 때 실행할 스크립트
ondurationchange <audio>, <video> 미디어 길이가 변경 될 때 실행할 스크립트
onemptied <audio>, <video> 문제가 발생하여 파일을 갑자기 사용할 수 없을 때 (예 : 연결이 끊어짐) 스크립트 실행
onended <audio>, <video> 미디어가 끝날 때 실행되는 스크립트 ( "감사합니다"와 같은 메시지에 유용한 이벤트)
onerror <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> 오류 발생시 실행할 스크립트
onfocus 모든 보이는 요소 요소에 포커스가있을 때 실행할 스크립트
onhashchange <body> URL의 앵커 부분이 변경된 경우 실행할 스크립트
oninput 모든 보이는 요소 요소가 사용자 입력을받을 때 실행될 스크립트
oninvalid 모든 보이는 요소 요소가 유효하지 않을 때 실행할 스크립트
onkeydown 모든 보이는 요소 사용자가 키를 누를 때 실행될 스크립트
onkeypress 모든 보이는 요소 사용자가 키를 누를 때 실행될 스크립트
onkeyup 모든 보이는 요소 사용자가 키를 놓을 때 실행될 스크립트
onload <body>, <iframe>, <img>, <input>, <link>, <script>, <style> 요소로드가 완료되면 실행할 스크립트
onloadeddata <audio>, <video> 미디어 데이터가로드 될 때 실행될 스크립트
onloadedmetadata <audio>, <video> 메타 데이터 (크기 및 기간과 같은)가로드 될 때 실행될 스크립트
onloadstart <audio>, <video> 실제로로드되기 전에 파일이로드되기 시작하는 것처럼 실행될 스크립트
onmousedown 모든 보이는 요소 요소에서 마우스 버튼을 눌렀을 때 실행될 스크립트
onmousemove 모든 보이는 요소 마우스 포인터가 요소 위로 움직이면 스크립트가 실행
onmouseout 모든 보이는 요소 마우스 포인터가 요소에서 벗어날 때 실행될 스크립트
onmouseover 모든 보이는 요소 마우스 포인터가 요소 위로 움직일 때 실행될 스크립트
onmouseup 모든 보이는 요소 요소 위에서 마우스 버튼을 놓을 때 실행되는 스크립트
onmousewheel 모든 보이는 요소 마우스 휠이 요소 위로 스크롤 될 때 실행될 스크립트
onoffline <body> 브라우저가 오프라인에서 작동하기 시작할 때 실행할 스크립트
ononline <body> 브라우저가 온라인으로 작동하기 시작할 때 실행할 스크립트
onpageshow <body> 사용자가 페이지를 벗어나 탐색 할 때 실행할 스크립트
onpaste 모든 보이는 요소 사용자가 페이지를 탐색 할 때 실행될 스크립트
onpause <audio>, <video> 사용자가 요소에 일부 내용을 붙여 넣을 때 실행할 스크립트
onplay <audio>, <video> 미디어가 사용자에 의해 또는 프로그래밍 방식으로 일시 중지 될 때 실행될 스크립트
onplaying <audio>, <video> 미디어 재생이 시작될 때 실행될 스크립트
onpopstate <body> 미디어 재생이 시작될 때 실행될 스크립트
onprogress <audio>, <video> 창의 히스토리가 변경 될 때 실행되는 스크립트.
onratechange <audio>, <video> 브라우저가 미디어 데이터를 가져 오는 중일 때 실행될 스크립트
onreset <form> 재생 속도가 변경 될 때마다 실행되는 스크립트 (예 : 사용자가 슬로우 모션 또는 빨리 감기 모드로 전환 할 때)
onresize <body> 양식의 재설정 단추를 클릭하면 실행될 스크립트입니다.
onscroll 모든 보이는 요소 브라우저 창의 크기를 조정할 때 실행할 스크립트입니다.
onsearch <input> 요소의 스크롤 막대를 스크롤 할 때 실행될 스크립트
onseeked <audio>, <video> 사용자가 검색 필드에 무언가를 쓸 때 실행되는 스크립트 (<input = "search">)
onseeking <audio>, <video> seeking 속성이 false로 설정되어 탐색이 종료되었음을 나타내는 스크립트
onpagehide <body> seeking 속성이 true로 설정되어 seek가 활성화되었음을 나타내는 스크립트
onselect 모든 보이는 요소 요소가 선택 될 때 실행될 스크립트
onstalled <audio>, <video> 브라우저가 어떤 이유로 든 미디어 데이터를 가져올 수 없을 때 실행되는 스크립트
onstorage <body> 웹 스토리지 영역이 업데이트 될 때 실행될 스크립트
onsubmit <form> 양식을 제출할 때 실행할 스크립트
onsuspend <audio>, <video> 미디어 데이터를 가져올 때 실행할 스크립트는 어떤 이유로 든 완전히로드되기 전에 중지됩니다.
ontimeupdate <audio>, <video> 재생 위치가 변경되었을 때 실행되는 스크립트 (예 : 사용자가 미디어의 다른 지점으로 빨리 감는 경우)
ontoggle <details> 사용자가 <details> 요소를 열거 나 닫을 때 실행될 스크립트
onunload <body> 페이지가 언로드되거나 브라우저 창이 닫힐 때 실행될 스크립트
onvolumechange <audio>, <video> 비디오 / 오디오의 볼륨이 변경 될 때마다 실행될 스크립트
onwaiting <audio>, <video> 미디어가 일시 중지되었지만 다시 시작될 때 실행되는 스크립트 (예 : 미디어가 일시 중지되어 더 많은 데이터를 버퍼링하는 경우)
onwheel 모든 보이는 요소 마우스 휠이 요소 위로 올라가거나 내려갈 때 실행되는 스크립트
open <details> 세부 사항이 사용자에게 공개 (열림)되도록 지정
optimum <meter> 게이지에 가장 적합한 값을 지정
pattern <input> <input> 요소의 값을 검사 할 정규식을 지정
placeholder <input>, <textarea> 요소의 예상 값을 설명하는 짧은 힌트를 지정 
poster <video> 비디오를 다운로드하는 동안 또는 사용자가 재생 버튼을 누를 때까지 표시 할 이미지를 지정 
preload <audio>, <video> 페이지가 로드 될 때 작성자가 오디오 / 비디오를로드해야한다고 생각하는지 여부와 방법을 지정 
readonly <input>, <textarea> 요소가 읽기 전용임을 지정
rel <a>, <area>, <form>, <link> 현재 문서와 링크 된 문서 간의 관계를 지정 
required <input>, <select>, <textarea> 양식을 제출하기 전에 요소를 채워야 함을 지정 
reversed <ol> 목록 순서가 내림차순이어야 함을 지정 (9,8,7 ...).
rows <textarea> 텍스트 영역에 표시 할 줄 수를 지정 
rowsapn <td>, <th> 테이블 셀이 확장해야하는 행 수를 지정 
sandbox <iframe> <iframe>의 콘텐츠에 대한 추가 제한을 설정 
scope <th> 머리글 셀이 열, 행 또는 열 또는 행 그룹의 머리글인지 여부를 지정 
selected <option> 페이지가 로드 될 때 옵션을 미리 선택하도록 지정 
shape <area> 영역의 모양을 지정 
size <input>, <select> 너비를 문자로 (<input>의 경우) 지정하거나 보이는 옵션의 수를 지정 (<select>의 경우).
sizes <img>, <link>, <source> 링크된 자원의 크기를 지정 
span <col>, <colgroup> 확장할 열 수를 지정 
spellcheck Global 속성 요소의 맞춤법 및 문법 검사 여부를 지정
src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> 미디어 파일의 URL을 지정 
srcdoc <iframe> <iframe>에 표시 할 페이지의 HTML 컨텐츠를 지정 
srclang <track> 트랙 텍스트 데이터의 언어를 지정 (kind = "subtitles"인 경우 필수).
srcset <img>, <source> 다른 상황에서 사용할 이미지의 URL을 지정 
start <ol> 정렬된 목록의 시작 값을 지정 
step <input> 입력 필드의 유효한 숫자 간격을 지정 
style Global 속성 요소의 인라인 CSS 스타일을 지정 
tabindex Global 속성 요소의 탭 순서를 지정 
target <a>, <area>, <base>, <form> 링크된 문서를 열 위치 또는 양식을 제출할 대상을 지정 
title Global 속성 요소에 대한 추가 정보를 지정 
translate Global 속성 요소의 내용을 번역해야하는지 여부를 지정 
type <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> 요소의 유형을 지정 
usemap <img>, <object> 이미지를 클라이언트 측 이미지 맵으로 지정
value <button>, <input>, <li>, <option>, <meter>, <progress>, <param> 요소의 값을 지정 
width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> 요소의 너비를 지정 
wrap <textarea> 양식으로 제출할 때 텍스트 영역의 텍스트를 줄 바꿈하는 방법을 지정
728x90
반응형

'HTML' 카테고리의 다른 글

요소 목록  (0) 2020.06.18
HTML  (0) 2020.06.17
'HTML' Related Articles more
Comments