HTML 명명 규칙에 대한 자세한 소개

앞말

　역사적인 이유와 개인적인 습관으로 인한 DOM 구조와 네이밍이 균일하지 않아 서로 다른 구성원이 동일한 페이지를 유지하면 효율성이 낮아지고 반복 및 유지 비용이 극도로 높아집니다. 따라서 통일된 명명 규칙을 사용하는 것이 매우 필요합니다. 이번 글에서는 네이밍 규칙을 자세히 소개하겠습니다

디렉터리 네이밍

　1. 프로젝트 폴더: projectname

　2. 스타일 폴더: css

　3. 스크립트 폴더: js

　4. 스타일 이미지 폴더: img

사진 이름 지정

다음 순서로 사진 이름을 지정하는 것이 좋습니다.

(m_) 그림 기능 범주(필수) + 그림 모듈 이름(선택 사항) + 그림 정밀도(선택 사항)

m_은 공개 여부를 나타냅니다. 선택사항

【그림 기능 카테고리】

　 아이콘: 모듈형 고체 아이콘

　 로고: 로고 유형

　 spr: 다양한 요소를 단일 페이지로 결합한 모음

btn: 버튼

bg: 타일링 또는 대형 배경

pic: 현재 콘텐츠나 비즈니스를 나타내는 그림

[그림 모듈 이름]

　goodslist: 제품 목록

　goodsinfo: 제품 정보

　userportrait: 사용자 아바타

[그림 정확도]

　Puqing: @1x

　Retina : @2x | @3x

//公共模块：
m_btn_goodlist@2x.png
m_btn_goodlist.png

//非公共模块：
wx_btn_goodlist@2x.png
wx_btn_goodlist.png
btn_goodlist.png

파일 이름 지정

파일 이름은 항상 숫자 대신 문자로 시작하고 문자는 항상 소문자이며 밑줄로 연결되고 다음과 같은 다른 구두점은 없어야 합니다.

<!-- HTML -->
connect.html
connect_list.html
connect_detail.html
<!-- SASS -->
connect.scss
connect_list.scss
connect_detail.scss

위 내용은 HTML 명명 규칙에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!