HTML5가 출시 될 때까지 태그에는 하나의 속성 인 href가 필요합니다. 그러나 HTML5는 그 속성을 선택적으로 만듭니다. 속성없이 태그를 쓸 때 이것을 자리 표시 자 링크라고합니다.
자리 표시 자 링크는 다음과 같습니다.
개발 중 자리 표시 자 링크 사용
거의 모든 웹 디자이너는 웹 사이트를 디자인하고 구축하는 동안 자리 표시 자 링크를 한 번에 만들었습니다. HTML5 이전에는 프로그래머가 다음을 자리 표시 자로 작성했습니다.
링크 텍스트
자리 표시 자 링크로 해시 태그 (#)를 사용할 때의 문제점은 링크를 클릭 할 수 있다는 것이므로 클라이언트에 혼동을 줄 수 있다는 것입니다. 개발자가 올바른 URL로 업데이트하는 것을 잊어 버리면 클릭하면 해당 페이지가 사용자에게 표시됩니다.
대신 속성이없는 태그를 사용해야합니다. 페이지의 다른 링크처럼 보이게 표시 할 수 있지만 자리 표시 자이므로 클릭 할 수 없습니다.
라이브 사이트에 자리 표시 자 링크 사용
자리 표시 자 링크는 단순한 개발 그 이상을위한 웹 디자인 장소를 제공합니다. 자리 표시 자 링크가 빛날 수있는 장소 중 하나가 탐색 요소입니다. 대부분의 경우 웹 사이트 탐색 목록에는 어떤 페이지에 있는지 나타낼 수있는 방법이 있습니다. 이들은 종종 "당신은 여기 있습니다"라는 지표입니다.
대부분의 사이트는 "you are here"마커가 필요한 요소의 id 특성에 의존하지만 일부는 class 특성도 사용합니다. 그러나 어떤 속성을 사용하든 탐색 기능이있는 모든 페이지에 대해 추가 작업을 많이해야 올바른 요소에서 속성을 추가 및 제거 할 수 있습니다.
자리 표시 자 링크를 사용하면 원하는대로 탐색을 작성한 다음 페이지에 탐색을 추가 할 때 해당 링크에서 href 속성을 간단히 제거 할 수 있습니다. 개발에 도움이되는 간단한 팁은 편집기에 전체 탐색 목록을 코드 스 니펫으로 저장하는 것이므로 빠른 복사 붙여 넣기 일뿐입니다. 그런 다음 href를 간단히 삭제할 수 있습니다. 콘텐츠 관리 시스템 (CMS)에서 동일한 작업을 수행 할 수도 있습니다.
자리 표시 자 링크 스타일 지정
자리 표시 자 링크는 웹 페이지의 다른 링크와 스타일 및 스타일이 다르기 쉽습니다. a 태그와 a : link 태그를 모두 스타일링하기 만하면됩니다. 예 :
a {color : red; font-weight : bold; 텍스트 장식 : 없음; } a : 링크 {색상 : 파란색; font-weight : normal; 텍스트 장식 : 밑줄; }
이 CSS는 밑줄이없는 굵게 및 빨간색 자리 표시 자 링크를 만듭니다. 일반 링크는 정상적인 무게, 파란색 및 밑줄 것입니다.
a 태그에서 옮기고 싶지 않은 스타일은 다시 설정해야합니다. 예를 들어, font-weight는 자리 표시 자 링크에 대해 굵게 설정되므로 다음과 같이 설정해야합니다.
font-weight : normal;
표준 링크 용. 텍스트 장식에서도 마찬가지입니다. 셀렉터로 제거하면, 다시 넣지 않으면 a : 링크 선택기에서 제거됩니다.
