HTML <A> 태그
브라우저 지원
모든 주요 브라우저는 <A> 레이블을 지원합니다.
태그 정의 및 지침
<A> 태그는 다른 페이지로 링크 한 페이지에서 하이퍼 링크를 정의합니다.
가장 중요한 요소는 링크 대상을 지정 href 속성 <A> 속성이다.
모든 브라우저에서 기본 링크는 다음과 같습니다 :
- 하지 방문한 링크는 밑줄과 파란색
- 방문 된 링크는 밑줄과 보라색입니다
- 액티브 링크는 밑줄과 빨간색됩니다
팁과주의 사항
팁 : href 속성을 사용하지 않는 경우에 hreflang, 미디어, REL, 대상 및 유형 특성을 사용할 수 없습니다.
팁 : 일반적으로, 현재 브라우저 창에 링크 된 페이지에 표시되는 다른 대상의 규정하지 않는 한.
팁 : CSS는 링크의 스타일을 변경합니다.
HTML 4.01과 HTML5의 차이점
HTML 4.01, <A> 태그가 모두 하이퍼 링크 될 수 있으며, 이는 고정 될 수있다. HTML5에서 <A> 라벨은 하이퍼 링크되어 있지만 href 속성이없는 경우, 하이퍼 링크 단지 자리이다.
더 이상 일부 HTML을 4.01 속성을 지원하지만 HTML5는 새로운 속성이 없습니다.
재산
새로운 기능 : HTML5 새 속성.
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 不支持。规定链接的坐标。 |
download New | filename | 指定下载链接 |
href | URL | 规定链接的目标 URL。 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
media New | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default rect circle poly |
HTML5 不支持。规定链接的形状。 |
target | _blank _parent _self _top framename |
规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
type New | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
전역 속성
<A> 태그는 지원 HTML 전역 속성을 .
이벤트 등록
<A> 태그를 지원하는 HTML 이벤트 속성을 .
시도 - 예
하이퍼 링크 만들기
이 예제는 HTML 문서에서 링크를 만드는 방법을 보여줍니다.
링크로 이미지
이 예제는 링크로 이미지를 사용하는 방법을 보여줍니다.
새 브라우저 창에서 링크 열기
이 예는 방문자가 사이트를 위로 떠날 필요가 없습니다, 새 창에서 페이지를 열 방법을 보여줍니다.
전자 메일 링크 만들기
이 예는 메시지를 연결하는 방법을 보여줍니다. (당신이 메일 클라이언트를 설치 한 후이 경우 작동합니다.)
생성 이메일 링크 2
본 실시 예는보다 복잡한 전자 메일의 링크를 설명한다.
같은 페이지에서 다른 위치로 이동 앵커를 사용하여
이 예 (HTML5 이름 속성을 지원하지 않습니다) 페이지에서 다른 위치로 id 속성 앵커 점프를 사용하는 방법을 보여줍니다.
관련 기사
HTML 자습서 : HTML 링크
HTML DOM 참조 : 앵커 객체