반응형
1. attributes의 뜻
= 속성; …에 귀착시키다; … 의 덕분으로 돌리다; …에 돌리다.
2. 속성의 표시 방법
1) 속성, 속성 값, =, "따옴표" 표시
속성 이름="속성 값(value)"의 형식으로 표시한다.
: 일반적으로 큰 따옴표로 묶지만, 큰 따옴표 대신 작은따옴표를 사용해도 된다.
그러나 속성 값 자체에 큰 따옴표가 포함된 경우에는 값을 작은따옴표로 묶는다.
(예 :value='kk"Kim"gg')
(실제, HTML5 표준에서는 따옴표 사용을 강제하진 않는다고 한다)
(그러나 오류가 발생될 수 있으므로, 따옴표를 쓰는 게 좋다)
2) 대, 소문자 구분
속성 값은 특정 속성(id 및 class속성 등)을 제외하고 대소문자 구분하지 않는다.
그러나 W3C (World Wide Web Consortium)에서는 될 수 있으면 소문자를 권장한다.
XHTML에서는 무조건 소문자로만 사용해야 한다.
3) 몇 가지 속성들
(1) 특정 태그의 부수적인 속성
예) <img> 태그에는 src 및 alt속성이 포함되어야 함.
(2) 속성 이름="속성 값(value)"으로 구성되지 않는 속성
예) checked, disabled, readonly, required, 등
(3) HTML 요소의 대부분에서 사용할 수 있는 속성= 범용 속성
id, class, title, style, 등
① id 속성
문서 내의 고유 이름으로 사용.
id 요소는 하나의 문서 내에서 하나만 사용 가능하다.
② class 속성
문서의 여러 곳에 같은 클래스를 적용 가능하다.
③ title속성
요소 위에 마우스 커서를 놓으면 설명문 제시.
④ style속성
색상, 글꼴, 테두리, 등 CSS 스타일의 지정이 가능하다.
반응형
'코딩 > HTML' 카테고리의 다른 글
head, heading, header 구별 방법 (0) | 2021.04.08 |
---|---|
잊어야 할 태그(tag)들 (0) | 2021.04.08 |
요소(element)의 요소 5가지 (0) | 2021.04.07 |
DOCTYPE html은 생략해도 될까? (0) | 2021.04.06 |
html 문서 구조의 시각화 (0) | 2021.04.06 |