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

[attribute] HTML - Global Attribute - 전역속성 종류

목차
  1. HTML 전역속성 정의
  2. HTML 전역속성 종류
  3. 전역속성 관련 URL

 

HTML 전역속성 정의

 

HTML 요소가 공통으로 사용 가능한 속성.

 

 

HTML 전역속성 종류 


accesskey

요소를 (활성화 / 포커스)하는 단축키 지정.

※ 해당 웹페이지에서 s (혹은 alt + s 혹은 ctrl + s) 입력.

(예)

<input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit btn">

 


 

class

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

 

contenteditable

요소 내용을 편집할 수 있는지 여부 지정.

 


 

data- *

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

 

dir

요소의 내용에 대한 텍스트 방향 지정.

 

draggable

요소를 드래그 할 수 있는지 여부 지정. (= 드래그 가능 여부)

 

dropzone

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

 


 

hidden

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

 


 

id

요소의 고유한 id 지정.

 

inputmode

사용자가 요소나 요소의 콘텐츠 편집 때 입력 가능한 데이터 타입 힌트 제공하는 열거형 속성. (가능값 종류는 링크 참조)

 


 

lang

요소 내용의 언어를 지정. (웹접근성)

 


 

spellcheck

요소의 맞춤법 및 문법 검사 여부 지정.

 

style

요소의 인라인스타일 CSS 지정. 

 


 

tabindex

요소의 탭순서(=탭색인번호) 지정.

 

title

요소에 대한 추가 정보 지정.

 

translate

번역 요소의 내용을 번역할지 여부 지정.

 


전역속성 관련 URL 





분류 제목
link HTML - <link> 태그 ★ - 외부소스연결 (= link태그 = 링크태그) (HTML5수정) ※ 파비…
basic HTML - <hr> 태그 - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에이…
form HTML - <select> 태그 ★ - 선택메뉴 (= select태그 = 실렉트태그 = 셀렉트태그) (H…
api HTML5 - Drag and Drop - 마우스로 끌어서 놓기 (= 드래그앤드롭)
font HTML - <i> 태그 - 이탤릭체 (=기울어진 글씨체 = 글씨 기울어지게 = i태그 = 아이태그, 이탤…
etc HTML - <tt> 태그 - 텔레타이프 텍스트 (= tt태그 = 티티태그)
media HTML - <audio> 태그 ★ - 음성파일재생 (= audio태그 = 오디오태그)
font HTML - <b> 태그 ★ - 굵은글씨 (= b태그 = 비태그) ※ 볼드태그 / bold태그 / 글씨 긁…
basic HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미
programming HTML - <embed> 태그 - 외부동영상재생 (= embed태그 = 엠베드태그, HTML5추가)
etc HTML - 키보드 단축키 모음 (Window/Mac)
style HTML - <style> 태그 ★ - 요소에 CSS스타일적용 (= style태그 = 스타일태그)
image HTML - <area> 태그 - 이미지맵에서 특정 링크 영역 (= area태그 = 에어리어태그) (HTML…
style HTML - <details> 태그 - 토글 가능한 세부사항(상세사항)을 표시 (= details태그 = 디…
form HTML - <textarea> 태그 ★ - 여러줄 입력창 (= 텍스트입력영역 = 텍스트영역 = textar…
font HTML - <strong> 태그 ★ - 굵은글씨 (= 글자굵기 = 폰트굵게 = strong태그 = 스트롱태…
image HTML - <map> 태그 - 이미지 특정 부분에 링크 (= map태그 = 이미지맵태그) ※ 이미지에 여러…
image HTML - <img> 태그 ★ - 이미지태그 (= img태그) ※ 이미지 일부 자르기, ※ 링크 허버 시,…
form HTML - <input> 태그 ★★★ - 입력창 + 입력버튼 (= input태그 = 인풋태그) ※ 자동포커…
font HTML - <u> 태그 ★ - 밑줄태그 (= u태그 = 유태그 = 언더라인태그) (HTML5재정의)
17/18
목록
찾아주셔서 감사합니다. Since 2012