코드랩 레퍼런스

<a> 본문

HTML

<a>

webstoryboy 2016.05.19 18:29
<a> 태그는 하이퍼 링크를 정의합니다.
특징 설명
콘텐츠 카테고리 Flow Content, Palpable Content
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 Closing (<a> ~ </a>)
버전 HTML4
시각적 표현 밑줄과 파란색으로 표시

Definition

  • 하이퍼 링크란 현재 페이지에서 다른 페이지의 이동을 말합니다.
  • 방문하지 않는 링크는 밑줄과 파란색으로 표시됩니다.
  • 방문한 링크는 밑줄과 보라색으로 표시됩니다.
  • 활성화된 링크는 밑줄과 빨간색으로 표시됩니다.
  • HTML5에서는 <a> 태그는 블록 요소를 포함할 수 있습니다.

Property

속성 값(예) 설명 버전
charset charset="UTF-8" 문자의 인코딩을 설정합니다. html5
coords coords="90,58,3" 코드의 좌표를 설정합니다. html5
download download="filename" 파일 다운로드를 설정합니다. html5
href href="URL" 링크로 이동하는 경로를 설정합니다. -
hreflang hreflang="ko" 링크된 문서의 언어를 설정합니다. -
media media="value" 링크된 문서의 미디어쿼리를 설정합니다. html5
name name="text" 링크된 앵커의 이름을 설정합니다. html5
rel alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
문서에 대한 대체 링크를 설정합니다.
문서에 대한 저자 링크를 설정합니다.
문서에 대한 북마크 URL을 설정합니다.
문서에 대한 도움과 관련된 링크를 설정합니다.
문서에 대한 저작권과 관련된 링크를 설정합니다.
문서에 대한 다음 문서 링크를 제공합니다.
문서에 대한 링크를 사용하지 않을 때 설정합니다.
문서에 대한 HTTP 레퍼럴을 사용하지 않을 때 설정합니다.
문서에 대한 캐시를 설정합니다.
문서에 대한 이전 문서를 설정합니다.
문서에 대한 검색 도구를 설정합니다.
문서에 대한 키워드를 설정합니다.
문서에 대한 태그를 설정합니다.
-
rev text 링크된 문서와 현재 문서의 관계를 설정합니다. html5
shape default
rect
circle
poly
링크의 형태를 기본 값으로 설정합니다.
링크의 형태를 사각형 설정합니다.
링크의 형태를 원형 설정합니다.
링크의 형태를 다각형 설정합니다.
html5
target _blank
_parent
_self
_top
링크 클릭시 새로운 브라우저 창으로 설정합니다.
현재 브라우저의 부모 브라우저 창으로 설정합니다. 부모가 없는 경우 _self와 동일합니다.
현재와 동일한 브라우저 창으로 설정합니다.
최상위 브라우저 창에서 설정합니다. 부모가 없는 경우 _self와 동일합니다.
-
type type="text/html" 링크된 문서의 유형을 설정합니다. -

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
<a>

Sample1 sample 예제입니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Sample</title>
    <style>
        .div {background:linear-gradient(to top, #fcfe06, #89cfe7); }
    </style>
</head>
<body>
    <div class="div"></div>
</body>
</html>

Sample1

h1 태그는 섹션의 제목을 나타냅니다.

h2 태그는 섹션의 제목을 나타냅니다.

h3 태그는 섹션의 제목을 나타냅니다.

h4 태그는 섹션의 제목을 나타냅니다.

h5 태그는 섹션의 제목을 나타냅니다.
h6 태그는 섹션의 제목을 나타냅니다.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Sample</title>
</head>
<body>
    <h1>h1 태그는 섹션의 제목을 나타냅니다.</h1>
    <h2>h2 태그는 섹션의 제목을 나타냅니다.</h2>
    <h3>h3 태그는 섹션의 제목을 나타냅니다.</h3>
    <h4>h4 태그는 섹션의 제목을 나타냅니다.</h4>
    <h5>h5 태그는 섹션의 제목을 나타냅니다.</h5>
    <h6>h6 태그는 섹션의 제목을 나타냅니다.</h6>
</body>
</html>

Share

Tag
공유하기 링크

Ad

Comments
댓글쓰기 폼