<a> 태그는 주로 링크와 북마크를 정의하는 데 사용되며 하이퍼 링크 또는 앵커 링크라고도합니다. 가장 일반적인 용도는 다음과 같습니다.
하이퍼 링크 href 속성을 만들고 중간 href =의 링크로 이동하십시오.<a href = https : //www.vevb.com/> www.vevb.com </a>북마크를 만들고 이름 또는 ID 속성을 사용하여 하이퍼 링크의 끝을 사용하여 # 및이 북마크의 이름을 사용하여 웹 페이지의 특정 위치로 이동하십시오.
<a name = top> </a> <이름 = 1> </a> <이름 = 2> </a> <a href =#top> 상단으로 돌아 가기 </a> <a href =#1> 열기 1 </a> <a href =#2> 열기 2 </a>
EWEI Technology W3CSchool의 온라인 튜토리얼을 열면 제목 아래의 내비게이션이 표시되며,이 내용은 북마크 이름을 통해 생성됩니다.
JavaScript 이벤트 속성, 클릭하여 다른 명령을 실행하십시오<a href = javaScript : void (0) onclick = this.href = 'https : //www.vevb.com/'> www.vevb.com </a>
CSS 스타일이없는 사용자 정의 앵커 링크 <a href = https : //www.vevb.com/> 앵커 링크 텍스트 </a>의 기본 앵커 링크 스타일은 다음과 같습니다.
기본 링크 스타일이 사용됩니다. 마우스를 사용하여 효과를 트리거하십시오.
<스타일 유형 = 텍스트/CSS>
A {색상 :#00F}
A : 방문 {색상 :#800080}
A : 호버 {색상 :#f00}
</스타일>
<a href = https : //www.vevb.com/> www.vevb.com </a>
A {색상 :#00f} 앵커 링크는 모두 파란색이며 밑줄이 그어져 있습니다.
A : 방문 {색상 :#800080} 클릭 후 링크는 자주색이고 밑줄이 그어져 있습니다.
A : 호버 {색상 :#f00} 마우스는 빨간색과 밑줄이있는 스타일을 트리거합니다
그러나이 세 가지 색상이 너무 강하기 때문에 종종 모든 웹 디자인 스타일과 일치 할 수는 없습니다. 다른 색상의 앵커 링크 스타일이 필요한 경우 위의 세 가지 스타일에 따라 CSS에서 색상과 배경을 직접 수정하면됩니다.
실제로 HTML이 처음 출시되었을 때 브라우저는 현재만큼 진행되지 않았으며 당시 컴퓨터 화면에는 LCD와 다른 현재 색상이 없었으며 그 중 다수는 흑백이었습니다. 당시 링크인지 여부를 구별하는 방법은 밑줄을 긋는 방법입니다. 많은 흑백 모니터 또는 컬러 블라인드 사용자를위한 웹 페이지에서 밑줄을 최대한 많이 유지하십시오. 그렇지 않으면 사용자가 색상을 구별 할 수 없습니다.
물론, 아름다움을 위해, 현대 웹 디자인은 일반적으로 링크에 직접 밑줄을 긋지 않습니다. 그러나 컬러 블라인드 사용자 및 흑백 휴대 전화 모니터 사용자를 관리하려면 사용자의 마우스가 트리거 될 때 CSS 스타일을 밑줄로 설정하는 것이 좋습니다.
이 페이지에 대한 링크를 열면 열면 일부 링크가 다른 Windows로 나타나는 반면 일부 링크는이 페이지를 직접 교체합니다. 이 점프 방법은 앵커 링크의 대상 속성을 사용하여 점프 창을 설정할 수 있습니다.
_SELK 현재 창이 열리고 앵커 링크가 기본적으로 현재 브라우저 창으로 리디렉션됩니다. 즉, 기본 대상 = _self<a href = https : //www.vevb.com/ target = _self> 이것은 현재 새 윈도우 디스플레이 ewei 기술 홈페이지 </a>입니다._ 블랭크 새 창이 열립니다
<a href = https : //www.vevb.com/ target = _blank> 이것은 EV 기술 홈페이지를 표시하는 새로운 창입니다 </a>이름이없는 대상이 같은 새 창에서 열립니다
<a href = https : //www.vevb.com/ target = _weigeti> 여기 _weigeti가 웹 페이지 내부의 이름 또는 ID가 아니 으면 웹 페이지의 모든 Target = _weigeti 링크가 동일한 새 창에서 열리 며 _blank의 각 링크가 다른 새 창을 열어줍니다.프레임 이름 또는 ID
<a href = https : //www.vevb.com/ target = weigeti> 아래를 클릭하여 이름 = weigeti 아래 프레임에 e-wei 기술 홈페이지를 표시하고 새 창으로 점프하거나 현재 창으로 점프하지 않습니다. <iframe name = wigeti> </iframe>_Parent inparent 부모 창이 열리고 링크 된 파일을 링크 프레임을 포함하는 상위 프레임 세트 또는 상위 창에로드합니다. 링크가 포함 된 프레임 워크가 중첩되지 않은 경우 _self 매개 변수와 마찬가지로 링크 된 파일이 브라우저 전체 화면 창에로드됩니다.
<Iframe> <a href = https : //www.vevb.com/ target = _parent> 이것은 프레임 내부입니다 </a> </iframe>예를 들어, 웹 페이지 B는 웹 A에 포함되어 있으며 웹 페이지 B 는 iframe 웹 페이지 C에 포함되어 있습니다.
<Iframe> <iframe> <a href = https : //www.vevb.com/ target = _top> 이것은 프레임 내부의 프레임 워크입니다 </a> </iframe> </iframe>
웹 페이지 C의 연결이 target = _parent로 설정된 경우 웹 페이지 B를 제거하고 웹 페이지 C에 링크 페이지를 직접 포함시킵니다.
웹 페이지 C의 Target = _top 인 경우 모든 iframe 프레임이 직접 튀어 나와 C의 링크 된 페이지로 직접 돌립니다.
_top은 현재 전체 브라우저 창에서 연결된 문서를 엽니 다. 따라서 모든 프레임이 삭제됩니다.
외부 링크는 항상 검색 엔진 최적화의 핵심 중 하나로 간주되었습니다. 이러한 이유로, 모든 형태의 외부 링크가 나타 났으며, 모든 외부 링크가 SEO에 영향을 미치는 것은 아닙니다.
검색 엔진은 JavaScript를 기꺼이 인식하지 못하며 이해하기 쉽습니다.
<a href =# onclick = this.href = 'https : //www.vevb.com/'> 그러한 링크는 seo에 대해 유효하지 않습니다 </a> <a href =# onclick = window.
소스 코드를 통해 다른 사람의 웹 사이트와의 링크를 변경할 때 상대방의 웹 사이트가 링크에 rel = nofollow 속성을 추가 한 경우이 링크가 검색 엔진에 의해 크롤링되지 않음을 의미합니다.
<a href = https : //www.vevb.com/ rel = nofollow> 그러한 링크는 seo에 대해 유효하지 않습니다 </a> <meta name = nofollow/> <a href = https : //www.vevb.com/> 웹 페이지의 시작 부분에 위의 문장이 있으면 위의 문장이 없을 것입니다. seo에 대해 유효하지 않은 </a>
Google 검색은 먼저 베이징과 동일한 색상의 외부 링크를 공격하기위한 새로운 알고리즘을 시작 했으며이 외부 링크는 일반적으로 검은 색 링크로 간주됩니다.
<스타일 유형 = text/css> #vgtlink {배경 : #fff} #vgtlink {back href = https : //www.vevb.com/ style = background : #fff> 이러한 링크는 seo </a>에 대해 유효하지 않습니다