简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML 앵커 포인트가 무엇인지에 대한 자세한 설명

大家讲道理
풀어 주다： 2016-11-07 17:40:40
원래의
1763명이 탐색했습니다.

웹 지식 학습의 첫 번째 단계는 당연히 HTML입니다. HTML의 앵커 포인트는 무엇인가요?

간단히 말하면, 아주 긴 글을 세그먼트별로 정확하게 읽고 싶을 때 앵커 포인트를 활용하면 됩니다.

코드: 

跳到001…文字省略…文字省略
로그인 후 복사


사실 앵커포인트에는 이름만 필요하고 호환성을 높이기 위해 ID를 추가합니다.

href 값은 이름 i d와 일치해야 하며 앞에 "#"을 추가해야 합니다. 위 코드는 ie6/7, ff에서는 호환되지만 ie8에서는 호환되지 않습니다.

앵커 포인트의 값이 비어 있으므로 미관에 영향을 주지 않도록 공백만 추가하면 됩니다.

다음 코드는 ie8과 호환됩니다. 🎜>

跳到001…文字省略 & n b s p  …文字省略
로그인 후 복사


또 다른 질문입니다. 특정 페이지의 특정 앵커 콘텐츠(예: 321.html)를 표시하시겠습니까?

코드는 다음과 같습니다

跳到001…文字省略 & n b s p …文字省略
로그인 후 복사


전체 코드 표시:

관련 라벨：
html，锚点，
원천：php.cn
이전 기사：HTML의 iFrame 태그에 대한 두 가지 사용법 소개 다음 기사：부트스트랩 선택 사용
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
앵커 포인트 내부의 img에 대해 테두리 반경이 작동하지 않습니다. 다음 HTML 코드를 사용하고 있습니다: <aclass="-video-detail-qualifiers-branding"><img...
에서 2024-04-06 17:20:25
0
1
347
웹 애플리케이션 및 PWA의 경험을 개선하기 위해 투명한 브라우저를 실행합니다. [정적 HTML, CSS 및 JavaScript 지원] [사용자가 웹 애플리케이션/PWA에서 데스크탑 배경화면을 볼 수 있도록 허용] 저는 현재 소켓을 사용하여 웹 애플리케이션(채팅)을 개발하고 있는 주니어 프런트 엔드 개발자이자 디자이너입니다. 나와 친구들이 사용하는 언어는 Scala, HTM...
에서 2024-04-05 13:50:12
0
1
1367
NumberInput 마우스 휠 처리는 캡처 단계 이벤트 필터링을 무시합니다. 매우 짧은 버전: 저는 약간 막혔고 왜 이 코드가 숫자 편집기에서 숫자를 변경하기 위해 마우스 휠 이벤트를 해석하는 것을 가로채고 방지하는지 잘 이해하지 못합니다...
에서 2024-04-05 12:21:04
0
1
1387
테이블 셀의 컨테이너가 상위 셀의 전체 높이를 채우는지 확인하세요. Flexbox를 사용하지 않고 콘텐츠를 세로로 정렬하려고 하는데, 우리 사용 사례에 문제가 있어서 세로로 정렬된 테이블로 하려고 하는데 문제는 그 안의 콘텐츠가 ...
에서 2024-04-04 16:03:18
0
1
404
특정 기존 배열 이름에 새 개체를 추가하고 인덱스 값을 사용하여 저장합니다. 가장 좋은 방법은 이름 없이 기존 배열의 끝에 새 개체를 저장하는 것이라는 것을 알고 있지만 이 작업을 수행하는 방법을 배우고 이를 인덱스 값 [0]에 두는 것을...
에서 2024-04-03 19:43:33
0
2
310
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！