코딩/HTML

속성(attributes)과 요소

moodyblues 2021. 4. 7. 23:42
반응형

1. attributes의 뜻 

= 속성; …에 귀착시키다; … 의 덕분으로 돌리다; …에 돌리다.

2. 속성의 표시 방법

1) 속성, 속성 값, =, "따옴표" 표시

 

속성이름(attribute), 속성값(attribute value)=의 이미지

 

속성 이름="속성 값(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