>  기사  >  웹 프론트엔드  >  HTML 태그, 선택기, 하이퍼링크 및 SEO에 대한 자세한 소개

HTML 태그, 선택기, 하이퍼링크 및 SEO에 대한 자세한 소개

高洛峰
高洛峰원래의
2017-03-23 09:33:391628검색

공통 태그:

block

img 태그는 단일 태그 대체 기능으로 이미지가 로드되지 않고 img에 콘텐츠가 표시됩니다. src="사진 이름" alt="사진 이름"/>

태그 상세 소개:

태그 링크 구현:

a 태그 a 태그

를 클릭하면 해당 링크로 이동하여 자신뿐만 아니라 새 페이지나 다른 대상을 열 수 있는 링크를 제어할 수 있습니다. 기타

페이지의 모든 링크의 기본 열기 방법

본문 섹션에 일부 사람이 있습니다. 대상 속성의 경우 본문 부분의 a 태그에 있는 대상 속성이

먼저

태그의 다운로드 구현입니다. 다운로드할 항목을 넣습니다. 내부에 #

을 사용하여 다운로드 기능을 구현합니다.

a 태그의 앵커 포인트 구현: (앵커) 백부비

제목 태그는 1개가 아닌 6개의 그룹입니다.

< h4>

단락 태그 다음에는 p 태그를 사용하세요. 문단

< ;p/>

강조 태그 Strong 페이지는 기본적으로 굵게 표시됩니다

Content(Content)< ;/strong>

또한 강조는 강한 태그의 어조만큼 중요하지 않습니다. 기본 표시는 기울임꼴

스팬 태그

입니다. 스타일, 구별하기 위한 텍스트 단락 또는 콘텐츠 스타일

Conten

목록

순서가 지정된 목록

  1. (목록 항목)< ;/li>

목록이 필요하지 않습니다

  • (목록 항목)

정의 목록

정의 목록 제목

목록 항목 정의

SEO: 검색 엔진 최적화 예: Baidu wait

기능: 매일 정보를 검색하여 저장하는 크롤러 프로그램이 있습니다

태그의 장점:

의미 있는 페이지 태그;

SEO에 적합한 태그를 사용하세요. h3;strong;em은 약 7% 또는 8%를 차지합니다.

페이지 키워드 밀도를 높이기 위해

을 과도하게 사용하지 마세요.

ID 선택기

#box1,box2{

width:100px;height:100px; background :red;

}

그룹 선택자 # 다음에 id+","+ ID 그룹이 동일한 스타일을 사용합니다

상자(id)와 클래스를 사용합니다. class는 반복적으로 사용할 수 있는 ID로 이해할 수 있습니다.

클래스 선택자 뒤에는 여러 스타일이 올 수 있습니다.

유형 선택자 태그 이름 {}

포함 선택기: 페이지의 포함 관계에 따라

div p 선택 }은 div 태그

와일드카드

에 있는 모든 p 태그를 의미합니다. *{border:1px solid red;} 페이지의 모든 p 태그는 이 형식을 가지며 기본적으로 쓸모가 없습니다.

선택기 우선순위:

동일한 수준의 전제 조건: 스타일의 기본값은 후자입니다. 포함 수준이 높을수록 스타일은

클래스 스타일 선택기

를 사용하게 됩니다. 같은 수준에서 이름을 부르는 순서는 중요하지 않습니다. 스타일 순서

유형 (1)

(javaScrapt)

스타일 우선순위를 비교하고 가장 높은 스타일 우선순위 수를 기준으로 판단

업무 시 너무 깊은 포용 관계를 쓰지 마세요

a의 유사 클래스:

링크 방문하지 않음

hover 마우스 hover(마우스 가로질러)

활성 링크 활성화

방문 후 방문

스타일로 작성됨

a : link{}

a:hover{}

의사 클래스 시퀀스 링크 방문 hover active

애플리케이션: 검색 엔진 소설 등

div 의사 클래스: hover 대부분의 태그는 hover를 지원합니다

IE6은 다른 태그의 의사 클래스를 지원하지 않습니다.

IE6 이상에서 지원

위 내용은 HTML 태그, 선택기, 하이퍼링크 및 SEO에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!