웹 디렉토리에 대한 최적의 폴더 구조는 무엇입니까?

몇 년 동안 웹 개발을 해왔으며 항상 다음과 유사한 웹 구조를 수행했습니다.

public_html/login.php
public_html/css/login.css
public_html/js/login.js
public_html/img/logo.png

다른 사람들이 사용하는 것을 보았습니다.

styles/login.css
images/logo.png

그리고 최근에 나는 동료가 다음을 좋아한다는 것을 알았습니다.

public_html/a/login.js   - application
public_html/s/login.css  - styles
public_html/i/logo.png   - images
public_html/p/photo1.jpg - photos
public_html/f/menu.swf   - flash

1 ~ 2 바이트를 절약하는 것 외에 이러한 옵션에 어떤 장단점이 있습니까? 이 개념에 대한 모범 사례가 있습니까?

나는 당신의 현재 시스템을 고수하고 있지만, 거의 같은 이름을 사용하면서 편향 될 수 있습니다.

3 글자 폴더 이름을 유지하는 것은 의미가있을 정도로 장황하지만 URL을 깔끔하게 유지하기에는 간결합니다 .

각 폴더를 단일 문자로 자르는 것은 과잉이며 mc10이 지적한 것처럼 해석하기가 광범위합니다. 예를 들어, Javascript 파일에 대해서는 'a'를 선택하지 않습니다. "동작"에 대해 'b'를 선택했을 것입니다. 나는 둘 중 어느 것이 더 정확하다고 생각하지 않으며, 단지 명명 체계가 얼마나 모호한지를 지적합니다.

"스타일"과 "이미지"를 폴더 이름으로 사용하는 것이 좋지만 짧은 이름을 사용하는 것이 훨씬 더 합리적입니다. 해당 폴더, 모든 파일, 모든 URL 및 요청에서 몇 번이나 폴더가 참조되는지, 바이트가 합산되기 시작하는지 생각해보십시오. 물론 짧은 폴더 이름을 사용하여 실제 대역폭을 절약 할 수는 없지만 모든 비트 (및 바이트)를 얻을 수 있다고 생각합니다.

나는 보통이 두 폴더를 고수한다 :

• JS- 자바 스크립트 파일
• img- 이미지 파일
• CSS -CSS 파일
• lib- 출력을 생성하지 않는 서버 측 스크립트. 도서관, 수업 등
• doc- 일반 문서 탐색에 포함되지 않은 이진 파일 (예 : 사무실 문서 및 PDF)

CSS 및 JS 폴더는 정적으로 코딩 될 수있는 개별 사이트 (일명 HTML 만 해당)에 적합하지만 CMS를 사용하는 대규모 사이트에는 실용적이지 않습니다.

CMS는 자체 폴더 구조에서 "스타일"및 "이미지"폴더를 사용합니다. 이는 일반적으로 하위 디렉토리 내에 묻혀 있기 때문입니다. 콘텐츠를 배치하는 좋은 방법이며 많은 CMS가 선호합니다.

한 글자의 폴더 이름을 갖는 것은 혼란 스럽습니다. 처음에는 사진 ( p)과 이미지 ( i) 의 차이점과 혼동되었을 것입니다 . a"응용 프로그램"에 사용 하는 것도 암호처럼 보입니다.

개별 파일과 달리 CSS 및 js 폴더를 사용하는 것은 전적으로 프로젝트 범위에 달려 있습니다.

하나 이상의 스크립트 또는 스타일 시트가 있거나이를 필요로하는 경우이를 폴더로 구성하면 사이트를보다 쉽게 ​​관리하고 관리 할 수 ​​있습니다.

폴더를 다시 사용하기로 결정한 경우, 길거나 짧은 이름을 지정하는 것이 개인 취향입니다.

하나의 문자 이름은 바이트를 절약하고 조금 더 깔끔해 보일 수 있지만, 내 경험상 소수의 사람들이 사이트에서 일하는 경우 혼란 스러울 수 있습니다.

이 방법을 사용할 수도 있습니다.

첫 번째 방법 :

• / i / common /
• / i / layout /
• / i / lib /
• / i / misc / docs / pdf /
• / i / misc / docs / csv /
• / i / misc / docs / txt /

참고 : 각 파일을 md5 요약에서 다시 명명하는 것이 가장 좋습니다.

예 :

• /i/common/9df48e2cf2d25740e4ba54e8cd73b3a3.png,
• /i/layout/2b33962041cb835c227bba27424a28af.css,
• /i/lib/a8a2a48ddaa95527c6d3db763e2b7809.js,
• /i/misc/docs/pdf/68aafcfe9aa1ab7d83a6ce8df302155e.pdf

두 번째 방법 :

• / 자산 / 공통 /
• / assets / templates / template_name /
• / 자산 / 포함 / js /
• / 자산 / misc / pdf /
• / 자산 / misc / csv /
• / assets / misc / txt /

참고 : 파일 이름을 md5 문자열로 바꿀 필요는 없지만 모든 공백은 대시 /-로 바꿔야합니다.

예

• /assets/common/uploads/2014/12/company-site-has-been-launched.jpg

세 번째 방법 :

• / site / files /
• / site / layout /
• / site / scripts /
• / site / misc / docs / pdf /
• / site / misc / docs / csv /
• / site / misc / docs / txt /

비고 : public_html "common"폴더 하위 디렉토리에서 새 하위 디렉토리를 만든 다음 워드 프레스가 업로드를 구성하는 방식과 동일하게 업로드 된 파일에 대해 "uploads / 2014 / 12 /"로 이름을 지정할 수 있습니다.