아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (199)
    • Web (145)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (5)
    • IT (32)
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (6)
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라

R 스토리

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

text

  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

'Web > Styles' 카테고리의 다른 글

[CSS] 플렉서블 박스 레이아웃  (0) 2018.05.15
[CSS] 텍스트 줄바꿈 처리 word-break, white-space  (0) 2018.05.15
[CSS] animation02  (0) 2018.05.15
[CSS] animation  (0) 2018.05.15
[CSS] input focus  (0) 2018.05.15

티스토리툴바