<a>

정의 및 사용

<a> 태그는 앵커(anchor)를 정의하며 앵커는 href 속성을 사용하여 다른 문서로의 링크를 생성하거나 name 속성을 사용하여 그 문서 내의 북마크를 생성하는 두 가지 방법으로 사용되어 진다. a 요소의 가장 중요한 속성은 href 속성이며 이것은 링크되어질 문서를 나타낸다.

기본적으로 브라우저는 모두 동일한 규칙으로 다음과 같이 a 태그를 랜더링한다.
1.방문하지 않은 링크는 파란색 밑줄(underline)
2.방문한 링크는 보라색 밑줄(underline)
3.활성화된 링크는 빨간색 밑줄(underline)

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
속성 설명 DTD
charset 링크된 문서의 문자셋을 정의 STF
coords 링크의 좌표를 지정 STF
href 링크의 목적지를 지정 STF
hreflang 링크된 문서의 언어를 지정 STF
name a 태그의 이름을 지정 STF
rel 현재 문서와 링크된 문서의 관계를 지정 STF
rev 현재 문서와 링크된 문서의 관계를 지정 STF
shape 링크의 모양을 default, rect, circle, poly 의 속성으로 지정 STF
target 링크되는 페이지의 위치를 지정 TF

예제

버그 및 이슈

  • 버튼 : 마크업을 할 때 예전에는 대부분 a태그로 했지만, 버튼에도 기능에 따라서 a인지 button인지 input인지 구분하여 올바르게 마크업하도록 하자. button과 input은 기능이 유사하기 때문에 굳이 어떤 것을 사용하여도 상관없지만 단순 링크 기능을 가진 버튼일 경우에는 a태그로 사용하고 그 외에는 button을 사용하는 것이 올바른 마크업이다.

소제목

목록 으로

  • 최혜성

    2016년 5월 19일, 6:03 오후

    [답변]

    소스가 안뜨네요

  • 최혜성

    2016년 5월 19일, 6:02 오후

    [답변]

    ……

  • 최혜성

    2016년 5월 19일, 6:01 오후

    [답변]

    제가 G마켓 이미지 등록을 하려고하는데요

    링크를 걸어서 새창이 뜨면 싸이즈가 작게 나와요 싸이즈 조정하는 소스가 있을까요 ??

    검색을해서 소스를 찾아봤는데..적용이 안되더라구요.. 이유가 먼지 모르겠어요..

    좀.. 도와주세요

    ……

댓글