• 회원가입
  • 로그인
  • 구글아이디로 로그인

[attribute] HTML - Attribute ★ - 속성종류 (= 전역속성 + 이벤트속성 + 그외속성)

목차
  1. HTML 속성종류 (유형별)
  2. HTML 속성종류 (ABC순)

 

HTML 속성종류 (유형별) 

 

1.

전역속성 (Global Attributes) 

HTML 요소가 공통으로 사용 가능한 속성
 
2.
이벤트속성 (Event Attributes)
문서객체 속성 중 on 붙여 사용 가능한 속성

 

3.

그외 속성

 

 

HTML 속성종류 (ABC순)

[목차]

[A], [B], [C], [D], [E], [F], [G], [H], [I], [J], [K], [L], [M], [N], [O], [P], [Q], [R], [S], [T], [U], [V], [W], [X], [Y], [Z]


[A]

 

accept

<input> : 서버가 허용하는 파일 유형 지정 (type = "file"에만 해당).

 

accept-charset

<form> : 양식 제출에 사용될 문자 인코딩을 지정.

 

accesskey

전역속성 : 요소를 활성화 / 포커스하는 단축키 지정.

 

action

<form> : 양식을 제출할 때 양식 데이터를 보낼 위치 지정.

 

align

HTML 5 지원 X : 주변 요소에 따라 정렬을 지정. 대신 CSS 사용.

 

alt

<area>, <img>, <input> : 원래 요소가 표시되지 않을 때 대체 텍스트 지정.

 

async

<script> : 스크립트가 비동기적으로 실행되도록 지정. (외부 스크립트에만 해당).

 

autocomplete

<form>, <input> : <form> 또는 <input> 요소에서 자동 완성 사용할지 여부 지정.

 

autofocus

<button>, <input>, <select>, <textarea> : 페이지 로드 될 때 요소 자동 포커스 설정.

 

autoplay

<audio>, <video> : 오디오 / 비디오가 준비되자마자 재생 시작하도록 지정.

 

홈짱닷컴 Homzzang.com  :  홈페이지 제작 유지보수 관리 + 서버세팅관리


[B]

 

bgcolor

HTML 5 지원 X. 요소 배경색 지정. 대신 CSS 사용.

 

border

HTML 5 지원 X. 요소의 테두리 너비 지정. 대신 CSS 사용.


[C]


charset

<meta>, <script> : 문자 인코딩 지정.

 

checked

<input> : 페이지 로드 될 때 <input> 요소를 미리 선택하도록 지정. (type = "checkbox"또는 type = "radio").

 

cite

<blockquote>, <del>, <ins>, <q> : "따옴표 / 삭제 / 삽입" 된 텍스트를 설명하는 URL 지정.

 

class

전역속성. 요소에 대해 하나 이상의 클래스 이름 지정. (스타일시트의 class 참조).

 

color
HTML 5 지원 X. 요소의 텍스트 색상 지정. 대신 CSS 사용.

 

cols

<textarea> : 텍스트 영역의 보이는 너비를 지정.

 

colspan

<td>, <th> : 테이블 셀이 확장 (= 통합)해야하는 열 수를 지정.

 

content

<meta> : http-equiv 또는 name 속성과 관련된 값을 제공.

 

contenteditable

전역속성 : 요소 내용을 편집할 수 있는지 여부 지정.

 

controls

<audio>, <video> : 오디오 / 비디오 컨트롤 표시 지정. (예 : 재생 / 일시 정지 버튼 등)

 

coords

<area> : 영역의 좌표를 지정.

 

홈짱닷컴 Homzzang.com  :  홈페이지 제작 유지보수 관리 + 서버세팅관리


[D]

 

data

<object> : 개체가 사용할 리소스의 URL 지정.

 

data- *

전역속성 : 사용자정의 데이터를 페이지 또는 응용 프로그램 전용으로 저장하는 데 사용.

 

datetime

<del>, <ins>, <time> : 날짜 및 시간을 지정.

 

default

<track> : 사용자 환경설정에 다른 트랙이 더 적합하다고 표시되지 않은 경우 트랙이 활성화되도록 지정.

 

defer

<script> : 페이지 구문 분석이 완료되면 스크립트가 실행되도록 지정. (외부 스크립트에만 해당).

 

dir

전역속성 : 요소의 내용에 대한 텍스트 방향 지정.

 

dirname

<input>, <textarea> : 텍스트 방향을 제출하도록 지정.

 

disabled

<button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> : 지정된 요소 / 요소 그룹을 비활성화하도록 지정.

 

download

<a>, <area> : 사용자가 하이퍼링크를 클릭 할 때 대상이 다운로드되도록 지정.

 

draggable

전역속성 : 요소를 드래그 할 수 있는지 여부 지정.

 

dropzone

전역속성 : 끌어온 데이터를 드롭할 때, 복사, 이동 또는 링크할지 여부 지정.

 


[E]

 

enctype

<form> : 서버에 제출할 때 form 데이터를 인코딩하는 방법 지정. (method = "post"에만 해당).

 


[F]

 

for

<label>, <output> : 레이블 / 연산이 묶여 연결되는 form 요소 지정.

 

form

<button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> : 요소가 속하는 form의 name(이름) 지정.

 

formaction

<button>, <input> : 양식을 제출할 때 양식 데이터를 보낼 위치 지정. type = "submit"에 대해서만

 


[G]

 

없음.

 


[H]

 

headers

<td>, <th> : 셀과 관련된 하나 이상의 헤더 셀을 지정.

 

height

<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> : 요소의 높이 지정.

 

hidden

전역속성 : 요소가 아직 관련성이 없거나 더 이상 관련이 없음을 지정.

 

high

<meter> : 높은 값으로 간주되는 범위 지정.

 

href

<a>, <area>, <base>, <link> : 링크가 가는 페이지의 URL 지정.

 

hreflang

<a>, <area>, <link> : 링크 된 문서의 언어를 지정.

 

http-equiv

<meta> : content 속성의 정보 / 값에 대한 HTTP 헤더를 제공.

 


[I]

 

id

전역속성 : 요소의 고유한 id 지정.

 

ismap

<img> : 이미지를 서버 측 이미지 맵으로 지정.

 


[J]

 

없음.

 


[K]

 

kind

<track> : 텍스트 트랙의 종류를 지정.

 


[L]

 

label

<track>, <option>, <optgroup> : 텍스트 트랙의 제목을 지정.

 

lang

전역속성 : 요소 내용의 언어를 지정.

 

list

<input> : <input> 요소에 대한 사전 정의된 옵션이 포함된 <datalist> 요소 참조.

 

loop

<audio>, <video> : 오디오 / 비디오가 끝날 때마다 다시 시작하도록 지정.

 

low

<meter> : 낮은 값으로 간주되는 범위를 지정.

 


[M]

 

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> : 비디오의 오디오 출력이 음소거되도록 지정.

 


[N]

 

name

<button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> : 요소 이름 지정.

 

novalidate

<form> : 제출시 양식을 유효성 검증하지 않도록 지정.

 


[O]

 

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

보이는 모든 요소. : 요소를 더블클릭 (= 연속 2번 클릭)할 때 실행할 스크립트.

 

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> : 브라우저가 온라인으로 작동하기 시작할 때 실행할 스크립트

 

onpagehide

<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> : 사용자가 검색 필드에 무언가를 쓸 때 실행되는 스크립트. (<input = "search">의 경우)

 

onseeked

<audio>, <video> : seeking 속성이 false로 설정되어 검색이 종료되었음을 나타내는 경우 실행할 스크립트.

 

onseeking

<audio>, <video> seeking 속성이 true로 설정되어 검색이 활성화되었음을 나타내는 경우 실행할 스크립트.

 

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> : 게이지 (= 측정기)에 최적인 값을 지정.

 

홈짱닷컴 Homzzang.com  :  홈페이지 제작 유지보수 관리 + 서버세팅관리


[P]

 

pattern

<input> : <input> 요소의 값을 검사할 정규식 지정.

 

placeholder

<input>, <textarea> : 요소의 예상값을 설명하는 짧은 힌트 (= 샘플값) 지정.

 

poster

<video> : 비디오를 다운로드하는 동안 또는 사용자가 재생 버튼을 누를 때까지 표시할 이미지 지정.

 

preload

<audio>, <video> : 페이지 로드될 때 작성자가 오디오/비디오를 로드해야한다고 생각하는지 여부와 방법을 지정.

 


[Q]

 

없음.

 


[R]

 

readonly

<input>, <textarea> : 요소가 읽기전용임을 지정.

 

rel

<a>, <area>, <link> : 현재 문서와 링크된 문서 간의 관계를 지정.

 

required

<input>, <select>, <textarea> : 양식 제출 전에 요소를 필수작성하도록 지정.

 

reversed

<ol> : 목록 순서가 내림차순으로 지정. (9,8,7 ...).

 

rows

<textarea> : 텍스트 영역에 표시 할 줄 수 (= 행 개수) 지정.

 

rowspan

<td>, <th> : 테이블 셀이 확장(=통합)해야하는 줄 수 (= 행 개수)를 지정.

 

홈짱닷컴 Homzzang.com  :  홈페이지 제작 유지보수 관리 + 서버세팅관리


[S]

 

sandbox

<iframe> : <iframe>의 내용에 대한 추가 제한을 설정.

 

scope

<th> : 헤더 셀이 열, 행, 열 또는 행의 그룹의 헤더인지를 지정.

 

selected

<option> : 페이지 로드 될 때 옵션을 미리 선택하도록 지정.

 

shape

<area> : 영역의 모양 지정.

 

size

<input>, <select> : 너비를 문자 단위 (<input> 경우)로 지정하거나 표시 옵션 수 (<select> 경우) 지정.

 

sizes

<img>, <link>, <source> : 링크 된 자원의 크기 지정.

 

span

<col>, <colgroup> : 확장(=통합)할 열의 개수 지정.

 

spellcheck

전역속성 : 요소의 맞춤법 및 문법 검사 여부 지정.

 

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

전역속성 : 요소의 인라인 CSS 스타일 지정.

 

홈짱닷컴 Homzzang.com  :  홈페이지 제작 유지보수 관리 + 서버세팅관리


[T]

 

tabindex

전역속성 : 요소의 탭 순서 지정.

 

target

<a>, <area>, <base>, <form> : 링크된 문서를 띄울 위치 또는 양식을 제출할 위치를 지정.

 

title

전역속성 : 요소에 대한 추가 정보 지정.

 

translate

전역속성 : 번역 요소의 내용을 번역할지 여부 지정.

 

type

<a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> : 요소 유형을 지정.

 


[U]

 

usemap

<img>, <object> : 이미지를 클라이언트 측 이미지 맵으로 지정.

 


[V]

 

value

<button>, <input>, <li>, <option>, <meter>, <progress>, <param> : 요소의 값 지정.

 


[W]

 

width

<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> : 요소의 너비 지정.

 

wrap

<textarea> : 텍스트 영역의 텍스트를 양식으로 제출할 때 줄 바꿈하는 방법 지정.

 


[X]

 

없음.

 


[Y]

 

없음.

 


[Z]

 

없음.

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
intro HTML - 준비물 + 추천링크 (※ 사용중지・사용폐기 태그) 2
intro HTML - 태그 문법 ★
basic HTML - <!DOCTYPE> 태그 ★ - 문서타입 (= !doctype태그 = !doctype요소 = …
basic HTML - <html> 태그 ★ - HTML문서 (= html태그/html요소 = 에이치티엠엘태그/에이치티…
basic HTML - <body> 태그 ★ - 문서영역 (= 문서본문영역 = body태그/body요소 = 바디태그/바…
font HTML - <h1> ~ <h6> 태그 ★ - 문단제목글씨크기 (= 표제태그 = 단락제목글자크기 = h1태그…
basic HTML - <p> 태그 ★ - 글단락 (= 글문단 = p태그/p요소 = 피태그/피요소)
basic HTML - <br> 태그 ★ - 줄바꿈 (=br태그/br요소 = 비알태그/비알요소) ※ 한줄아래로 줄바꿈 …
basic HTML - <hr> 태그 - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에이…
basic HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
formatting HTML - <acronym> 태그 - 두문자어 (= acronym태그 = acronym요소 = 애크로님태그…
formatting HTML - <abbr> 태그 - 축약어/두문자어 (= abbr태그 = abbr요소 = 어브르태그 = 어브리…
formatting HTML - <address> 태그 - 연락처 (= address태그 = address요소 = 어드레스태그)
font HTML - <b> 태그 ★ - 굵은글씨 (= b태그 = 비태그) ※ 볼드태그 / bold태그 / 글씨 긁…
formatting HTML - <bdo> 태그 - 텍스트출력방향 (= bdo태그 = bdo요소 = 글자방향 = 브도태그 = …
1/18
목록
찾아주셔서 감사합니다. Since 2012