사용 규칙: 1. 태그의 클래스 속성은 소문자를 사용해야 하며 "-"를 사용하여 단어를 구분해야 합니다. 2. 태그의 id 속성은 고유해야 합니다. 3. 태그 이름은 소문자를 사용해야 합니다. 4. 태그 사용은 태그의 중첩 규칙을 준수해야 합니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.
1. 이름 지정 규칙
[필수] 클래스: 모든 단어는 소문자여야 하며 -로 구분되어야 하며 해당 모듈 또는 구성 요소의 내용이나 기능을 나타내야 합니다. 내장된 HTML 스타일을 따라 이름을 지정해서는 안 되며, 이름 지정에는 명확한 의미가 있어야 합니다.
[필수] id: 페이지에서 고유해야 하며 이름 지정에는 명확한 의미가 있어야 합니다.
2. 태그
[필수] HTML의 태그 이름은 소문자를 사용해야 합니다.
[필수] 태그 닫기는 HTML5 규정을 준수해야 합니다.
[필수] 태그 사용은 태그의 중첩 규칙을 준수해야 합니다. 예를 들어 p는 p에 배치되어서는 안 되며, tbody는 테이블에 배치되어야 합니다.
[권장] 태그 사용은 태그의 의미를 따라야 합니다. 예:
p - 단락
h1, h2, h3, h4, h5, h6 - 계층적 제목
strong, em - 강조
ins - 삽입
del - delete
abbr - 약어
code - 코드 식별자
cite - 인용된 소스의 제목 work
q - quote
blockquote - 단락 또는 긴 인용문
ul - 순서가 지정되지 않은 목록
ol - Ordered List
dl,dt,dd - Define list
[권장 사항] CSS가 동일한 요구 사항을 충족할 수 있는 경우 테이블을 레이아웃에 사용하지 마세요.
3. 속성
[필수] 속성은 소문자를 사용해야 하며 속성 값은 큰따옴표로 묶어야 합니다.
[제안] 부울 유형 제안은 속성 값을 추가하지 않습니다. 사용자 정의 속성 앞에 xxx- 및 data-
4를 붙이는 것이 좋습니다. DOCTYPE
[필수] 표준 모드를 활성화하려면 doctype을 사용하세요. 언어 인코딩
을 사용하는 것이 좋습니다. [권장] ]은 페이지의 접근성을 향상시키는 데 도움이 됩니다. 예를 들면 다음과 같습니다.
[필수] 페이지는 문자의 메타를 지정해야 합니다. 인코딩이며 head여야 합니다. 첫 번째 직계 하위 요소입니다(예:6. CSS 및 JavaScript 소개
[필수] CSS 도입 시에는 rel="stylesheet"를 지정해야 하고, CSS 및 JavaScript 도입 시에는 type 속성을 지정해야 합니다.
[권장] 자바스크립트 코드는 페이지 끝에 배치하거나 비동기적으로 로드해야 합니다.7. 헤드 콘텐츠
[필수] 제목 태그는 헤드의 직접 하위 요소로 설정되어야 하며 문자 집합 선언 바로 뒤에 있어야 합니다.
[필수] Favicon에 대한 액세스가 보장됩니다. 예:8. 그림
[필수] img의 src 값은 비어 있으면 안 되며, 지연 로드된 그림에도 기본 src 속성 값을 추가해야 합니다.
[추천] 중요한 이미지에는 Alt 속성 값을 추가하세요. [권장사항] 페이지 흔들림을 방지하려면 너비 및 높이 속성을 추가하세요.9. 컨트롤 제목
[필수] 텍스트 제목이 있는 컨트롤은 제목과 연결하기 위해 레이블 태그를 사용해야 합니다. 예:
<label><input type="checkbox"name="confirm" value="on"> 我已确认上述条款</label>或<labelfor="user">用户:</label><inputtype="text" name="user" id="user">
10 버튼
[필수] 사용할 때 유형을 지정해야 합니다. 버튼 요소 속성값
11.Accessibility
[권장 사항] JavaScript를 사용하여 폼 제출 시 네이티브 제출 기능이 제대로 작동하도록 해야 합니다.
[제안] 콘텐츠 유형에 따라 입력 상자의 유형 속성을 지정합니다. 예:12. Multimedia
[제안] 오디오 및 비디오 태그를 사용하세요. 오디오 및 비디오 재생 시 형식에 주의해야 합니다:
오디오 형식: MP3, WAV, Ogg비디오 형식: MP4, WebM, Ogg13. 참고
[필수] 페이지나 모듈은 상세해야 합니다. 참고
추천 튜토리얼: "html 비디오 튜토리얼
"위 내용은 html5 태그 사용 규칙은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!