ID 속성 태그를 사용하여 페이지 책갈피 작성
HTML 문서를 작업하면서 사용자가 주제를 클릭하여 문서 내의 책갈피가있는 위치로 즉시 전송되도록하려면 ID 속성 태그가 유용합니다. 이는 주로 기사 상단에 일련의 주제를 나열한 다음 각 주제를 웹 페이지의 관련 섹션으로 연결하는 경우에 자주 발생합니다.
HTML 문서는 자주 다른 문서에 대한 외부 링크를 포함하지만 단일 문서 내에 링크를 포함 할 수도 있습니다. 하나의 태그를 클릭하면 독자가 웹 페이지의 특정 북마크 섹션으로 이동합니다. 결국 문서의 정확한 픽셀 위치에 연결할 수는 있지만 지금은 ID 태그를 사용하여 문서에서 링크와 위치를 만들 수 있습니다. 그런 다음 href를 사용하십시오. 하나의 태그는 대상을 식별하고 두 번째 태그는 대상에 대한 링크를 나타냅니다.
참고 : HTML 4 및 이전 버전에서는 Name Attribute를 사용하여 내부 링크를 구성했습니다. HTML 5는 name 속성을 지원하지 않으므로 대신 ID 속성 이 사용됩니다.
문서에서 내부 링크가 필요한 위치를 결정하십시오. 앵커 태그에 id 속성을 사용하여 라벨을 지정 합니다 . 예 :
앵커 텍스트그런 다음 앵커 태그와 href 속성을 사용하여 문서의 섹션에 대한 링크를 만듭니다. 명명 된 영역을 #으로 표시합니다.
앵커 링크트릭은 텍스트 또는 이미지 주위에 를 삽입하는 것입니다.
여기여러 번 당신은 사람들이 아무것도 사용하지 않고이 링크를 사용하는 것을 보지만 이것은 단어 나 이미지를 둘러싸는 것과 같은 신뢰할만한 앵커가 아닙니다. 많은 브라우저는 화면 상단에 위치 할 요소를 선호합니다. 아무 것도 묶지 않으면 브라우저가 혼란 스러울 위험이 있습니다.
웹 페이지의 맨 위로 돌아 가기 링크
뷰어를 페이지 상단으로 되돌리기 위해 웹 페이지에 링크를 추가하려면 내부 링크를 설정하기가 쉽습니다. HTML에서 태그는 링크를 정의합니다. href = 뒤에 따옴표로 된 대상 링크의 URL (또는 링크가 동일한 문서 내에있는 경우 단축 URL)과 웹 페이지에 표시되는 링크 텍스트가옵니다. 링크 텍스트를 클릭하면 지정된 주소로 이동합니다. 이 구문 사용 :
링크 텍스트