HTML5의 태그와 공통 규칙은 무엇입니까? HTML5 태그 및 규칙 소개

이 글에서는 HTML5의 태그와 공통 규칙이 무엇인지 소개합니다. html5 태그와 규칙의 도입은 특정 참조 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. 명명 규칙
[필수] 클래스: 단어는 모두 소문자로 이루어져야 하며 -로 구분되어야 하며, 해당 모듈이나 구성 요소의 내용이나 기능을 나타내야 합니다. HTML 내장에 이름이 지정되어서는 안 됩니다. 스타일을 사용하고 이름 지정에는 명확한 의미가 있어야 합니다.
[필수] id: 페이지에서 고유해야 하며 이름 지정에는 명확한 의미가 있어야 합니다.

2. 태그
[필수] HTML의 태그 이름은 소문자를 사용해야 합니다.
[필수] 태그 닫기는 HTML5 규정을 준수해야 합니다.
[필수] 태그 사용은 태그의 중첩 규칙을 준수해야 합니다. 예를 들어 p는 p에 배치되어서는 안 되며, tbody는 테이블에 배치되어야 합니다.
[권장 사항] 태그 사용은 태그의 의미를 따라야 합니다. 예:
p - 단락
h1, h2, h3, h4, h5, h6 - 계층적 제목
strong, em - 강조
ins - 삽입
del - 삭제
abbr - 약어
code - 코드 식별자
cite - 인용이 파생된 작품의 제목
q - 인용
blockquote - 한 단락 또는 긴 인용
ul - 순서가 없는 목록
ol - 순서가 있는 목록
dl,dt ,dd - 정의 목록
[제안 ] CSS가 동일한 요구 사항을 달성할 수 있는 경우 레이아웃에 테이블을 사용해서는 안 됩니다.

3. 속성
[필수] 속성은 소문자를 사용해야 하며 속성 값은 큰따옴표로 묶어야 합니다.
[제안] 부울 유형 제안은 속성 값을 추가하지 않습니다. 사용자 정의 속성 앞에는 xxx-가 붙는 것이 좋으며, data-

4가 권장됩니다. DOCTYPE
[필수] 표준 모드를 ​​활성화하려면 doctype을 사용하세요. 언어 인코딩

5을 사용하는 것이 좋습니다. 페이지 개선에 도움이 됩니다. 접근성을 위해 올바른 lang 속성을 설정해야 합니다. 예:

[필수] 페이지는 문자 인코딩의 메타를 지정해야 하며 첫 번째 속성이어야 합니다. 헤드의 직접 하위 요소입니다. 예:

6. CSS 및 JavaScript 소개

[필수] CSS 도입 시에는 rel="stylesheet"를 지정해야 하고, CSS 및 JavaScript 도입 시에는 type 속성을 지정해야 합니다.

[권장사항] 자바스크립트 코드는 페이지 끝에 배치하거나 비동기적으로 로드해야 합니다.

7. 헤드 콘텐츠

[필수] 제목 태그는 헤드의 직접 하위 요소로 설정되어야 하며 문자 집합 선언 바로 뒤에 있어야 합니다.

[필수] Favicon에 대한 액세스가 보장됩니다. 예:
[필수] Viewport 속성을 지정해야 합니다.

8. Pictures

[필수] img의 src 값이 비어 있는 것을 금지하고, 지연 로드된 사진에도 기본 src 속성 값을 추가해야 합니다.

[추천] 중요한 이미지에는 Alt 속성 값을 추가해주세요.
[권장] 페이지 흔들림을 방지하려면 너비 및 높이 속성을 추가하세요.

9. 컨트롤 제목

[필수] 텍스트 제목이 있는 컨트롤은 제목과 연결하기 위해 레이블 태그를 사용해야 합니다. 예:

<label><input type="checkbox"name="confirm" value="on"> 我已确认上述条款</label>或<labelfor="user">用户：</label><inputtype="text" name="user" id="user">

10. 버튼

[필수] 버튼을 사용할 때 유형 속성 값을 지정해야 합니다. element

11 .접근성

[권장] 양식 제출에 JavaScript를 사용할 경우 기본 제출 기능이 제대로 작동하도록 활성화해야 합니다.

[권장] 콘텐츠 유형에 따라 입력 상자의 유형 속성을 지정합니다. 예:

12. 멀티미디어

[권장] 오디오 및 비디오 태그를 사용하여 오디오 및 비디오를 재생할 때

오디오 형식: MP3, WAV, Ogg
비디오 형식: MP4, WebM, Ogg

13. 댓글

[필수] 자세한 댓글은 의 CSS 및 자바스크립트 코드에 작성해야 합니다. 페이지 또는 모듈

관련 권장 사항:

html5 페이지 구조 변경 및 태그 추가 및 삭제 요약

HTML5의 div 태그 예제 코드

위 내용은 HTML5의 태그와 공통 규칙은 무엇입니까? HTML5 태그 및 규칙 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!