HTML5의 태그와 공통 규칙은 무엇입니까? HTML5 태그 및 규칙 소개
- 不言원래의
- 2018-08-09 15:24:492229검색
이 글에서는 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을 사용하세요. 언어 인코딩
[필수] 페이지는 문자 인코딩의 메타를 지정해야 하며 첫 번째 속성이어야 합니다. 헤드의 직접 하위 요소입니다. 예: e0b98727b7a8c35266df47956accb156
6. CSS 및 JavaScript 소개
[권장사항] 자바스크립트 코드는 페이지 끝에 배치하거나 비동기적으로 로드해야 합니다.
7. 헤드 콘텐츠
[필수] Favicon에 대한 액세스가 보장됩니다. 예: eb8b05fa799a70a29c3eb6974a8ca0c3
[필수] Viewport 속성을 지정해야 합니다.
8. Pictures
[추천] 중요한 이미지에는 Alt 속성 값을 추가해주세요.
[권장] 페이지 흔들림을 방지하려면 너비 및 높이 속성을 추가하세요.
9. 컨트롤 제목
<label><input type="checkbox"name="confirm" value="on"> 我已确认上述条款</label>或<labelfor="user">用户：</label><inputtype="text" name="user" id="user">
10. 버튼 [필수] 버튼을 사용할 때 유형 속성 값을 지정해야 합니다. element
11 .접근성
[권장] 콘텐츠 유형에 따라 입력 상자의 유형 속성을 지정합니다. 예: 6e290236d7c77fdce98cb15bf0dfeea2
12. 멀티미디어
오디오 형식: MP3, WAV, Ogg
비디오 형식: MP4, WebM, Ogg
13. 댓글
[필수] 자세한 댓글은 의 CSS 및 자바스크립트 코드에 작성해야 합니다. 페이지 또는 모듈
관련 권장 사항:
html5 페이지 구조 변경 및 태그 추가 및 삭제 요약 HTML5의 div 태그 예제 코드
위 내용은 HTML5의 태그와 공통 규칙은 무엇입니까? HTML5 태그 및 규칙 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!