[HTML] 속성 (Attribute) 우선 순위

HTML Attribute 작성 순서

 

웹페이지를 만들다 보면 처음에는 그나마 정리 되던 문서들이 수정에 수정을 거치면서 엉망으로 변한 적이 한 두번이 아니예요.

뒤로 갈 수록 만든 본인이 봐도 알아보기 힘들 정도로 엉망이 되어 있는게 일상 (저만 그럴지도 ㅠㅠ)

 

같이 일하던 퍼블리셔 분에게 "속성 순서는 표준으로 정해진게 있나요?" 라고 물어봤을 때, 별다른건 없고 편한대로 정해서 쓰면 된다는 대답을 듣고 제 마음대로 쓰고 있었습니다;

 

 

옛날부터 조금씩 찾아보던 Attribute의 작성 우선순위가 정리된 곳을 찾았습니다.

 

 

다음에서 운영하는 Darum이라는 페이지인데요.

웹 표준에 관련된 내용들이 잘 정리되어 있어서 웹을 공부하시는 분들이 한 번쯤 둘러보면 좋은 사이트입니다.

 

 

 

 

아래는 Darum에서 정리된 HTML 속성 우선순위입니다.

사용에 문제가 있다면 수정하겠습니다.

 

 

 

HTML Attribute 우선순위

Attribute 작성

Attribute 값은 큰따옴표("")로 묶는다

Attribute 우선순위

Attribute의 우선 순위는 다음 순위를 따른다

순서	속성
1	rel
2	type
3	href, src
4	width, height
5	target
6	id
7	name
8	class
9	style
10	title, alt
11	기타 attribute

<a href="#" target="_blank" id="linkId" class="link" style="display:block;" title="링크가기">링크</a>
<img src="../img.gif" width="100" height="100" id="imgId" class="img" style="display:block;" alt="이미지내용" title="이미지툴팁" />
<input type="text" id="tfId" name="tfname" class="tf" style="width:100px;" title="입력창" size="10" maxlength="5" />

 

 

width, height가 생각보다 높은 순위에 들어가 있었네요.

style 앞쪽에 사용하고 있었는데... 지금부터라도 우선순위를 잘 따라야겠습니다.