HTML의 앵커 포인트 란 무엇입니까?

앵커 소개:

태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼링크를 정의합니다. 요소의 가장 중요한 속성은 링크의 대상을 나타내는 href 속성입니다.

요소(또는 HTML 앵커 요소, 앵커 요소)는 일반적으로 앵커 포인트/링크를 나타내는 데 사용됩니다. 그러나 엄밀히 말하면 요소는 링크가 아니라 새 파일에 연결하고 id 속성을 사용하여 모든 요소를 ​​가리킬 수 있는 하이퍼텍스트 앵커입니다. 요소와 href 속성이 없으면 홈 링크에 자주 사용되는 원래 링크 위치의 자리 표시자로 사용할 수 있습니다. 참고: 문서 흐름 콘텐츠는 대화형 콘텐츠 카테고리(예: 버튼, 링크 등)

속성

href

href 속성은 다음 3가지 유형을 포함하는 주소를 나타냅니다.

1. 링크 주소

<a href="http://www.baidu.com">百度</a>

2.

<a href="test.zip">下载测试</a>

3. 앵커

( 1) href: #id 이름

<a href="#test">目录</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="test" style="height: 200px;width: 200px; border: 1px solid black;margin-bottom: 300px;">内容</div>

(학습 영상 공유: html 영상 튜토리얼

)

(2) href: 페이지 주소 #id 이름

<a href="http://baike.baidu.com/view/2202.htm#2">足球比赛规则</a>

[참고] href 속성을 비워두지 마세요. 임시로 주소를 쓸 필요가 없으면 # 또는 javascript:;를 씁니다. href를 비워두면 페이지가 새로 고쳐집니다

href와 src의 차이점

href(하이퍼텍스트 참조)는 하이퍼텍스트 참조를 나타내며 현재 페이지가 다른 콘텐츠를 참조함을 나타냅니다.

src(소스)는 소스를 나타냅니다. 주소는 현재 페이지에 포함되어 있음을 나타냅니다.

따라서 ,

저자별 최신 기사

• 미래를 창조하세요: 완전 초보자를 위한 Java 프로그래밍
  2024-10-13 13:32:21
• 당신은 혼자가 아닙니다: 지원적인 커뮤니티와 함께 ​​Python을 마스터하세요
  2024-10-12 11:58:51
• 초보자에서 코더까지: Python 프로그래밍의 힘을 활용하세요
  2024-10-11 20:06:51
• 프로그래머처럼 생각하기: Java의 기본 사항 배우기
  2024-10-11 18:59:31
• Java Made Simple: 초보자를 위한 프로그래밍 능력 가이드
  2024-10-11 18:30:51
• PHP로 블로그 구축: 초보자에게 친숙한 프로젝트
  2024-10-11 15:51:51
• 시스템 언어 말하기: 한 번에 한 줄씩 C 배우기
  2024-10-11 15:42:10
• C의 데이터 구조 및 알고리즘: 초보자에게 친숙한 접근 방식
  2024-10-11 14:41:20
• 눈물 없는 코딩: 쉬운 방법으로 C 배우기
  2024-10-11 14:08:31
• Java를 사용한 데이터 분석: 정보 처리를 위한 초보자 가이드
  2024-10-11 13:42:21

최신 이슈

PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...

에서 2024-04-16 09:34:16

0

0

4687

페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...

에서 2024-04-06 21:58:04

0

1

800

CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...

에서 2024-04-06 20:22:15

0

1

454

Livewire 게으른 자리 표시자와 함께 laravel 구성 요소를 사용하는 방법 livewire3 자리 표시자 안에 내 laravel 구성 요소의 뼈대를 추가하고 싶습니다. 지금까지 시도한 작업: Laravel 구성 요소를 포함하는 Livew...

에서 2024-04-06 20:02:10

0

2

543

문자열을 HTML 코드(배열에서 생성됨)로 바꾸는 최상위 방법 다음과 같은 문자열이 주어지면...$htmlPattern="Usernameis:#name#andusercompanyis#company#";하위 ...

에서 2024-04-06 17:40:41

0

2

410

관련 주제

더>

• HTML 저작권 기호
• HTML 온라인 편집기
• html 웹페이지 제작
• HTML 공간
• HTML이 무엇인가요?
• HTML 글꼴 크기를 설정하는 방법
• HTML을 TXT로
• HTML 텍스트 상자 코드를 작성하는 방법