HTML 어트리뷰트

HTML 어트리뷰트

• HTML 엘리먼트는 어트리뷰트를 가질 수 있다.
• 어트리뷰트는 엘리먼트에 대한 추가적인 정보를 제공한다.
• 어트리뷰트는 언제나 시작 태그에 정의된다.
• 어트리뷰트는 이름/값 쌍을 이룬다. 예 : name="value"

어트리뷰트 예제

HTML 링크는 <a> 태그로 정의된다. 링크의 주소는 href 어트리뷰트로 정의된다.

예제

<a href="http://pilot376.tistory.com">link</a>

어트리뷰트의 값은 따옴표로 감싼다.

어트리뷰트의 값은 언제나 따옴표로 감싸야 한다. 큰따옴표(")를 대체로 많이 사용하지만, 작은따옴표(')를 사용해도 무방하다.

어트리뷰트의 값이 큰따옴표(")를 포함하고 있는 경우, 작은따옴표(')를 사용하여 어트리뷰트를 감싼다. 반대로 값이 작은따옴표(')를 포함하고 있는 경우 큰따옴표(")로 감싼다.

<a title='어트리뷰트 "어트리뷰트"'>link</a>
<a title="어트리뷰트 '어트리뷰트'">link</a>

소문자 어트리뷰트 사용하기

어트리뷰트 이름과 값은 대소문자에 민감하지 않다. 그러나 W3C에서는 HTML 4부터 소문자의 어트리뷰트/어트리뷰트 값을 권장한다. 그리고 XHTML에서는 소문자의 어트리뷰트 사용이 필수이다.

공통 HTML 어트리뷰트

HTML 엘리먼트에서 공통으로 사용되는 어트리뷰트는 아래와 같다.

어트리뷰트	설명
class	엘리먼트의 클래스 이름을 정의한다. (스타일 시트의 클래스와 연결된다.)
id	엘리먼트에 문서 내에서 유일한 아이디 값을 정의한다.
style	엘리먼트에 인라인 CSS 스타일을 정의한다.
title	엘리먼트에 추가적인 정보를 정의한다. (툴팁으로 표시된다.)

[더 많은 어트리뷰트 보기]