1), 시간 라벨 사용 :
바로 무거운까지, 현재 페이지의 메인 타이틀 인에 관계없이 모든 페이지의 H1 태그 한 번만 나타날 수 있습니다, 그주의 때문에주의해야합니다. 일반적으로 존재하는 경우, 다음 최고의 키워드가 내부 H1에 나타납니다.
SEO 측면 H2에 연결된 경우, 상기 테일 키워드 내부에 배치 될 수 있고, (H2)와 같은 단락 제목 또는 부제이다. H3 낮은 레벨 또는 다른 통로 하부에 배치 될 수있다.
H2-H6 후 표시되지 않습니다 H1 태그, 시간 태그 호 ~ H6에서 수준 중요성 및 분할하는,에 따라, 상단 H1 태그에 기록 할 필요가있다
시각적 성능에 H 라벨은 종종 대담하지만, 문법적 의미 흑체 페이지에 남용하지 않는, 완전히 다른 것입니다.
2) 적절한 레이블을 선택합니다 :
A, 멀티 H5 의미 라벨
B, P 태그를 사용하는 단어이며, 제목은 ~ H1과 H6, 사업부가 없습니다
C, 인수 폼 요소 대신 DIV의 다목적 형태 :
이러한 사용의 사업부로 :
<DIV> <입력 ID = "사용자 이름"> <입력 ID = "암호"> </ DIV> //获取时<script> 보자는 userName = $ ( '# 사용자 남') 발 ().; 암호 = $ ( '# 암호')를 보자 발 ().; </ script>
두 가지 형태의 데이터를 얻기 위해 두 번 DOM을 조사했다. (10)가있는 경우, (10)가 20, 30 인 경우, 특히 이동 통신 단말기의 성능에 영향 ...... 확인할 필요가있다.
형태로 사업부 경우 :
<양식 ID = "등록"> <입력 이름 = "사용자 이름"> <입력 이름 = "암호"> </ FORM> //获取时: <script> 형태 = document.getElementById를하자 ( '등록'), 형태는 userName = [ '사용자 이름'] 값. 암호 = form.password.value; </ script>
D, 다른 작은 세부 사항 :
굵은 텍스트로 : B / STRONG (강조한 역할), 수동으로 글꼴 무게를 설정하지 않고, 혜택은 다음과 같습니다에만 글꼴 - 가족의 강한 B를 / 설정해야합니다 후 글꼴을 변경합니다.
3)은 iframe의 수를 줄일
iframe이의 장점과 단점을 이해하기 위해주의를 기울여야은 iframe을 사용하여
이점
-
내용은 광고로, 느린로드 할 수 있습니다.
-
보안 샌드 박스 보호 . 브라우저는 iframe을 보안 컨트롤의 내용이 될 것입니다.
-
스크립트는 병렬로 다운로드 할 수 있습니다
결점
-
심지어 내용이 비어있는 iframe을 로딩 시간이 소비되는 경우
-
이 페이지가로드를 방지 할 수 있습니다
-
아무 의미 없다
4), 빈 사진을 피하기 위해 및 iframe 등의 Src는 Src에 빈 다시로드 현재 페이지는 속도와 효율성에 영향을 미칩니다.
5), 재설정 이미지 크기를 피하려고합니다.
재설정 이미지 크기는 성능에 영향을, HTML 등 CSS, 자바 스크립트, 반복, 이미지 크기를 재설정 이미지 크기가 사진 여러 번 다시 그릴 이어질 것 다시 여러 번이다.
6), 노드 돔 줄이는 영향을 많이 렌더링 DOM 노드 페이지하면 DOM 노드를 최소화해야
7)의 혼잡을 줄이기
HTML 머리 JS로 작성하고, HTML 태그 스타일로 작성하면 페이지의 머리에 페이지 렌더링, 그래서 CSS를 차단하고 페이지 또는 사용의 끝에, HTML 태그에 JS를 쓰기 스타일을 피하기 위해 링크 모드가 도입되어 사용 비동기로드
8), HTML 태그 중첩 된 레이어는 페이지가로드에 영향을 미치지 않습니다
9) 상기 조건 주석 방법
참고 IE 조건 (조건부 댓글) 브라우저는 IE 전용 코드가 다른 브라우저에서 주석으로 처리되어 있습니다.
<! - 만약 IE]> IE들에 대한 <[ENDIF! ->
<! - IF의 IE 6.]> IE6위한 <[ENDIF! ->
<! -. IF의 IE 7] > 대한 IE7 <[ENDIF! ->
<! - IF의 IE 8.]> IE8위한 <[ENDIF! ->
<! - IF의 IE 9.]> IE9 <[ENDIF 용! ] ->
<! -. IE6 위 [IF된다의 IE 6]> <[ENDIF! ->
<! - IF LTE의 IE 7> IE7 이하 <[대 ENDIF.! ] ->
<! - IF GTE의 IE 8> IE8 또는 <[ENDIF]의 최신 버전 -.!>
<! -. IF LT의 IE 9> 또는 IE9 <[ENDIF 낮은! ] ->
<! - IF의 IE 8> -.!> 비 IE <대 -! <[ENDIF ] ->
있다 : 선택 기준 또는 이후 버전보다 조건부 버전> 포함하지 않는 조건 버전 <포함하지 않는 마지막 내 이하, 선택 조건 버전 이하 : LT를 GTE : 마지막거나 같은 내 이상을, 선택 기준 또는 이후 버전 조건 버전은> = 포함 LTE : 이하, 다음 선택 기준 버전 버전 버전은 조건 <= 포함 ! 관계없이 수준의 조건을 제외한 모든 버전 버전 선택
* 만 IE 조건부 주석 다른 브라우저 건너 뛸 것이라는 점을 인식
예를 들면 :
<! DOCTYPE HTML>
<HTML>
<HEAD>
<메타 캐릭터 = ". UTF-8">
<TITLE> </ TITLE>
<- [있다 IE들 IF (6).]!>
<스타일>
체 {
배경 : 연한;
}
< / 스타일>
<[ENDIF] ->! <- [IF IE 8 LT]>! <유형의 스크립트 = "텍스트 / 자바 스크립트"> 경고 ( "브라우저 중 업데이트를 다운로드하십시오."); < / script> <[ENDIF! -> </ head> <body> <! -. IF된다의 IE 6]> <H2 6으로 브라우저 / H2를 <>보다 큰 <![ENDIF] -> </ BODY> </ HTML>