html5 태그 사용 규칙은 무엇입니까?

WBOY
풀어 주다: 2022-03-25 14:41:13
원래의
3133명이 탐색했습니다.

사용 규칙: 1. 태그의 클래스 속성은 소문자를 사용해야 하며 "-"를 사용하여 단어를 구분해야 합니다. 2. 태그의 id 속성은 고유해야 합니다. 3. 태그 이름은 소문자를 사용해야 합니다. 4. 태그 사용은 태그의 중첩 규칙을 준수해야 합니다.

html5 태그 사용 규칙은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.

html5 태그의 사용 규칙은 무엇인가요

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에 대한 액세스가 보장됩니다. 예:

[필수] Viewport 속성을 지정해야 합니다.

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, Ogg

13. 참고

[필수] 페이지나 모듈은 상세해야 합니다. 참고

추천 튜토리얼: "

html 비디오 튜토리얼

"

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿