Darkbeom's beautiful mind

긍정적인 사고를 갖자!



2009/11/03 15:21

HTML - <a> 태그 HTML

아무튼 웹접근성 코딩 중...ing..ing..ing...쭈욱..
흠...일단 보따리를 풀자 보면,
a태그의 href 속성은 uri의 성격을 갖고 있긴 때문에 자바스크립트가 들어가면 일정 브라우저에는 오류가 뜬다.
페이지 이동이 있을시 자바스크립트를 빼고도 페이지 이동이 자유로워야한다는게 중점이다.
예를들자면 자바스크립트를 안쓴다면 링크 클릭시 해당 콘텐츠로 바로 페이지 이동을 시켜주면 된다라는 사고방식인듯하다.<a> 태그 사용시 내가 자주 썼었던 방법이 잘못된 표기 방법이라고 한다.
원래 URL 숨길려고 했던 방법이 잘못된 표기방법이라니 ㅎㅎ 참 재밌죠잉~!
(소스보기하면 다 나와요 이런얘기 하지마세요;;)

잘못된 표기


    <a href="javascript:aaa();">aaa</a>

올바른 표기

    <a href="/index.ac" target="_blank" onclick="aaa(); return false;">aaa</a>

여기서 target 속성을 알고가자.
target의 기본 설정값은 _self, 그외 _blank, _parent, _top 있다.
    _self : 현재 페이지에 링크 페이지 보여주기
    _blank : 새 페이지에 링크 페이지 보여주기
    _parent : 이전 페이지에 링크 페이지 보여주기
    _top : 최상의 페이지에 링크 페이지 보여주기
return false; 표기는 onclick 후 해당 href로 이동을 막기 위한 처리 방법이다.
안그러면 도플갱어현상이!!! 또하나의 새창 및 새탭이 발생한다.
그 반면으로 즐겨추가 및 새창 또는 새탭으로 이동전환이 가능하다.

또, 의미없는 a태그
링크가 페이지 이동이 아닌 '#' 로 표기 되어있는것은 제대로 링크를 걸어줘야한다.

<a href="#"><img src="내맘속" onclick="aaa();"/></a>

위의 표기보단

<img src="내맘속"
onclick="aaa();" style="cursor: pointer;"/>
<img src="내맘속"
onclick="aaa();" style="cursor: hand;"/>

이런식의 코딩이 보다 높은 퀄리티의 웹접근성 콘텐츠를 제공할수있다.
웹접근성 관련해서 이것저것 하다보니 제가 모르고 지나쳤던 부분들이 많더군요~
혹~ 잘못된 점이나 추가할부분있으면 알려주세요 ^0^



덧글

  • 작은소망의아스카 2009/11/03 16:11 # 답글

    오..중요한 정보네요 ㅇㅅㅇa.. 도움이 됬습니당...
    바빠서 이런 정보를 못찾아보고 마구 우겨넣는데 앞으로 신세지기위해서..
    링크 납치하겠습니다.
  • darkbeom 2009/11/03 17:00 #

    도움이 되셨다니 다행이네요~^^
  • 작은소망의아스카 2009/11/03 17:20 #

    근데 링크냥이 납치 되기 싫은지 오류나요 ;ㅅ;..
    스크립트 오류인듯
  • darkbeom 2009/11/03 17:37 #

    원래 냥이가 친해지가 빡세요 ㅎㅎ
댓글 입력 영역


qwer