html/CSS 파일 경로 및 명명

<폴더 및 파일 이름 규칙>

공백 없이 영문 소문자, 언더바(_) 대신 하이픈(-) 사용하기

• 영어 소문자 : 컴퓨터, 웹서버는 영문 대소문자를 구분하기 때문에 일관적으로 사용합시다.
• 공백 : 브라우저, 웹서버, 언어들이 공백을 일관되게 구분하지 않기 때문에 오류가 발생할 수 있습니다.
• 하이픈: 구글 검색엔진은 하이픈을 단어 구분자로 취급합니다.
  -> 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)