Web/Styles

[CSS] Attribute 우선순위, Link target

아랄라랄라 2018. 5. 15. 12:14

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

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


================================================================================

Link target

<a>태그의 속성 중 target에 대하여 다음의 규칙을 따른다.

현재창 → 현재창

  • 다음 내 모든 서비스 페이지 내 링크 요소는 기본적으로 현재창이 바뀌는 것을 원칙으로 한다. 단, 외부 서비스 및 개별 컨텐츠 링크 시에는 새창을 허용한다.
  • target 속성을 따로 주지 않는다.
  • Daum로고와 관련서비스 링크는 target="_top" 처리한다.

현재창 → 각각 새 창

  • 각 서비스에서 블로그 및 카페글 또는 외부 서비스로 컨텐츠가 링크 되는 경우
  • 코딩가이드 : target="_blank"

현재창 → 단독 새 창

  • 각 서비스에서 Daum 내부 타 서비스의 컨텐츠로 링크되는 경우
  • 코딩가이드 : 새창 이름을 통일. ex. target="stockitem"

현재창 → 팝업

  • 코딩가이드 : javascript - window.open()

현재창 → 로그인페이지

  • 다음 내 모든 서비스의 로그인 페이지 정책은 기본적으로 현재창이 로그인 페이지로 바뀌는 것을 원칙으로 한다. 단, 팝업창으로 연결될 경우는 로그인 팝업을 띄운다.












728x90