영어 이름 : 앵커
이름이 지정된 앵커를 사용하여 문서에서 마크를 설정하는데, 일반적으로 문서의 특정 주제의 맨 위에 있거나 맨 위에 배치됩니다. 그런 다음이 명명 된 앵커에 대한 링크를 만들어 방문자를 지정된 위치로 빠르게 가져옵니다.
이름이 지정된 앵커에 대한 링크를 만드는 과정은 두 단계로 나뉩니다. 먼저 이름이 지정된 앵커를 작성한 다음 이름이 지정된 앵커에 대한 링크를 만듭니다.
샘플 코드적절한 위치에서 HTML 페이지의 다음 앵커 포인트를 정의하십시오.
<이름 = 상단> 여기 상단 부분이 있습니다 </a>
<이름 = 내용> 여기에 내용 부분이 있습니다 </a>
<이름 = 풋> 이것은 발 부분입니다 </a>
(이름 속성 대신 ID 속성을 사용할 수 있고 이름이 앵커도 유효합니다. [1])
위와 같이 앵커 포인트에 액세스하는 두 가지 방법이 있습니다.
하나는 하이퍼 링크 태그 <a> </a>를 사용하여 앵커 링크를 작성하는 것입니다. 앵커 링크는 주로 페이지에서 앵커 액세스에 사용됩니다.
<a href =#top> 나를 클릭하여 상단에 연결하십시오 </a>
<a href =#content> 내용에 연결하려면 나를 클릭하십시오 </a>
<a href =#foot> 나를 클릭하여 발에 연결하십시오 </a>
또 다른 방법은 페이지 주소 다음에 앵커 마크를 직접 추가하는 것입니다. 주로 다른 페이지 간의 앵커 포인트 액세스에 주로 사용됩니다.
이 페이지의 주소가 http : // file path/index.html 인 경우 풋 앵커에 액세스하려면 다음 링크에 액세스하십시오.
http : // file path/index.html#foot
2. HTML 앵커는 정확히 무엇을합니까?예를 들어, 정확한 단락에서 매우 긴 기사를보고 싶다면 앵커 포인트를 사용할 수 있습니다.
암호:
<a href =#001> 001로 건너 뛰십시오 </a>
... 텍스트가 생략되었습니다
<이름 = 001 id = 001>/a>
... 텍스트가 생략되었습니다
실제로 앵커 포인트는 이름 만 필요하며 ID는 더 호환되도록 추가됩니다.
HREF의 값은 이름/id와 일치해야하며 #을 추가해야합니다. 위의 코드는 IE6/7 및 FF에서 호환되지만 IE8에서는 수행 할 수 없습니다.
앵커 포인트의 가치가 비어 있으므로 아름다움에 영향을 미치지 않는 공간을 추가하면됩니다.
다음 코드는 IE8과 호환 될 수 있습니다.
<a href =#001> 001로 건너 뛰십시오 </a>
... 텍스트가 생략되었습니다
<이름 = 001 id = 001> & nbsp </a>
... 텍스트가 생략되었습니다
또 다른 질문, 특정 페이지에 앵커 포인트의 내용을 표시하는 것은 어떻습니까 (예 : 123.html)?
코드는 다음과 같습니다
<a href = 123.html#001> 001 </a>로 건너 뜁니다
... 텍스트가 생략되었습니다
<이름 = 001 id = 001> & nbsp </a>
... 텍스트가 생략되었습니다
어제 배경에서 일할 때였습니다. 포지셔닝을 수정하고 싶었 기 때문에 앵커 마크를 옮겼습니다 (보통 잊어 버렸습니다).
그러나이 프로그램은 가치를 얻고 싶다고 말하며 A가 있어야합니까? 또는 & 관련하여, 내 앵커 포인트가 양립 할 수 없도록 ...
헤헤! 앞으로 솔루션이있을 것입니다!
JSP 페이지에는 앵커 호환성에 문제가 있지만 정적 페이지에는 아무런 문제가 없으며 여전히 학습 할 가치가 있습니다!
3. 웹 개발에서는 페이지 앵커가 사용됩니다 . HTML 페이지 앵커는 페이지의 장에 링크하는 데 사용됩니다. W3School은 앵커를 만드는 것이 <a> (앵커) 태그와 이름 속성을 사용하지만 페이지 앵커를 만드는 유일한 방법은 아닙니다. HTML 페이지 앵커를 만드는 두 가지 방법에 대해 간단히 이야기 해 봅시다.W3School의 온라인 테스트 도구를 사용하여 테스트 할 수 있습니다. 링크를 열린 후 테스트 코드는 <a href =#c4 ″> 및 <a name = c4 ″>을 사용하며 테스트에 아무런 문제가 없습니다. 그런 다음 <h2> <a name = c4 ″> 4 장 </a> </h2> ~ <h2 id = c4 ″> 4 장 </h2>를 변경 한 다음 테스트하면 효과가 동일합니다.
참고 : 앵커 태그 이름 속성을 사용하는 것 외에도 페이지 앵커를 만들기 위해 ID 속성을 사용할 수도 있습니다. 앵커 포인트에서 HREF 속성의 값은 <a> 태그는 시작점 #과 대상 이름 또는 id의 값입니다.
코드를 복사하십시오