<폴더 및 파일 이름 규칙>
공백 없이 영문 소문자, 언더바(_) 대신 하이픈(-) 사용하기
- 영어 소문자 : 컴퓨터, 웹서버는 영문 대소문자를 구분하기 때문에 일관적으로 사용합시다.
- 공백 : 브라우저, 웹서버, 언어들이 공백을 일관되게 구분하지 않기 때문에 오류가 발생할 수 있습니다.
- 하이픈: 구글 검색엔진은 하이픈을 단어 구분자로 취급합니다.
-> han_shot_first의 경우 first로 검색이 불가능하지만 han-shot-first의 경우 가능하다는 점 등의 이유..
<HTML/CSS 파일구조/경로>
index.html
├ images
│ └ logo.png
├ css
│ ├ reset.css
│ └ style.css
└ js
└script.js
<상대경로>
현재 열린 파일을 기준으로 하는 상대적인 경로
->C:~~와 같은 절대경로를 잡을 경우 개발환경, 실행환경마다 경로를 새로 잡아주어야 한다!
- ./ : 현재 폴더
- ../ : 상위 폴더
- ./폴더명/ : 하위 폴더
위 예시의 경우,
- index.html 기준으로 style.css 파일은 ./css/style.css or /css/style.css
- style.css 기준으로 logo.png 파일은 ../images/logo.png
<절대경로>
http://, https:// 로 시작하는 도메인 네임이 포함된 인터넷 상의 절대적 경로(URL)