실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

첫째,의 유일한 법칙

많은 사람들이 같은 프로젝트에 참여하는 방법에 상관없이, 우리는 모든 코드는 고유 한 개별처럼 작성되었는지 확인해야합니다.

둘, HTML

2.1 구문

(1) 대신에 두 개의 탭 (TAB)의 공간 - 이는 모든 상황에서 나타나는 일관된 얻는 유일한 보장 방법.

(2) 중첩 요소 (즉, 두 공간)을 들여한다.

(3) 특성이 모든 따옴표는 작은 따옴표를 사용하지 있는지 확인 정의 할 수 있습니다.

(4)는 자동 폐쇄 꼬리 (자동 폐쇄) 요소는 슬래시를 추가하지 마십시오 - HTML5 스펙은 분명이 선택적임을 밝혔다.

(5) 선택적 종료 태그 (닫는 태그) (예를 들면, </ 리> 또는 </ 몸>)을 생략하지 않는다.

실시 예 2.2

실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

세, HTML5 DOCTYPE

표준 모드 (표준 모드) HTML 페이지의 첫 번째 줄의 각의 문을 추가하려면, 이것은 당신이 모든 브라우저에서 일관된 쇼를 보장 할 수 있습니다.

실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

web前端开发学习Q-q-u-n: 784-783-012 ,分享开发工具,零基础,进阶视频教程,希望新手少走弯路

넷째, 언어 속성

HTML5의 사양에 따라 :

강력하게 문서에 대한 올바른 언어를 설정하도록, 루트 요소에 lang 속성을 html로 지정하는 것이 좋습니다. 이 의지 도움은 번역 도구의 번역 등으로 관찰 할 수있는 규칙을 결정하는 데 도움이됩니다, 사용되어야한다 음성 합성 도구의 발음을 결정합니다.

실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

다섯, IE 호환 모드

IE IE 버전 지원 특정 <메타> 태그로 표기 현재 페이지를 그려 결정된다. 강한 특별한 요구가없는 것이 가장이되어가 지원하는 최신 모델을 사용하여 IE를 알리는 가장자리 모드로 설정되어있을 것이다.

실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

여섯째, 문자 인코딩

명시 적으로 문자 인코딩을 선언함으로써, 당신은 당신의 브라우저가 신속하고 쉽게 페이지의 콘텐츠를 렌더링 판단하도록 할 수 있습니다. 문서 인코딩 모든 일치가 (일반적으로 UTF-8 인코딩을 사용) 그래서 이것의 장점은, 문자 엔터티 태그 (문자 엔티티) HTML에서의 사용을 방지하는 것입니다.

실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

세븐, CSS 및 JavaScript 파일의 도입

HTML5의 사양은, CSS와 자바 스크립트 파일을 도입 할 때 텍스트 / CSS와 텍스트 / 자바 스크립트가 기본 값이기 때문에, 필요하지 일반적으로 유형을 지정합니다.

실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

여덟 실용적인 왕

가격에 실용성을 희생 HTML 표준과 의미를 따라하려고하지만. 가능한 한 최소한의 레이블 항상과 복잡성의 최소한을 유지한다.

나인, 속성 순서

9.1 내림차순

HTML 속성은 가독성을 위해, 아래의 순서로 순차적으로 배치한다.

(1) 클래스

(2) ID, 이름

(3) 데이터 - *

(4) SRC 대한 입력, HREF 가치

(5) 타이틀, ALT

(6) 역할 aria- *

9.2 예

실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

9.3 설명

높은 재사용 가능한 구성 요소를 식별하기위한 클래스, 따라서 상단에 표시한다. 특정 구성 요소를 식별하는데 사용되는 ID는이를주의 (예를 들어, 페이지의 북마크)이므로 두 번째 행과 함께 사용되어야한다.

X. 부울 (boolean)에 유형 속성

참고 10.1

(1) 부울 속성 선언시에 할당 될 수 없다. XHTML 사양 값을 제공하지만, HTML5 사양이 필요하지 않습니다.

값이 거짓없는 경우에 해당하는 값을 가지는 요소,이 경우 부울 특성 (2).

(3) 속성이 존재하는 경우, 그 값은 빈 문자열 또는 [...] 정식 이름 속성이어야하며, 끝과 끝에서 공백을 추가하지 마십시오.
간단하게, 더 할당을 넣어하지 않습니다.

10.2 예

실제에 웹 프런트 엔드 항목 : 유연 안정성의 준비, 표준화 된 고품질의 HTML 코드

일레븐, 태그의 수를 감소

HTML 코드를 작성하는 경우, 불필요한 부모 요소를 피하려고합니다. 많은 경우에, 이것은 반복적이고 달성하기 위해 재구성이 필요합니다.

열두은 자바 스크립트 태그의 생성을 줄이기 위해

콘텐츠, 편집 및 디그레이 성능을 찾기 어렵가되도록 자바 스크립트 태그에 의해 생성. 피하기 위해 피하십시오.

추천

출처blog.51cto.com/14592820/2459098