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
반응형