HTML/CSS/JS 올인원 패키지

* 웹 표준 검사하기

W3C validator

 

* Visual Studio Code 명령어

html 자동 생성 : html:5 or !

자동 wraping : ctrl + shift + p => wrap 입력 => 원하는 tag 입력

 

* 블럭 요소

- DIV, H1, P

- 사용 가능한 최대 넓이를 차지 (width:100%, height:0 으로 시작)

- 크기 지정 가능

- 수직으로 쌓임

- margin, padding 사용 가능

=> 레이아웃 용도

 

* 인라인 요소

- SPAN, IMG

- 필요한만큼의 너비를 사용 (width:0; height:0 으로 시작)

- 크기 지정 불가능

- 수평으로 쌓임 (사이 간격 자동으로 들어감)

- margin, padding 위/아래 사용 불가능

=> text 작업 용도

 

* 인코딩 방식

1. EUC-KR : 완성형 -> 오래된 사이트, 완성된 조합에서 찾는다. (조합 없는 경우 한글이 깨져서 보임)

2. UTF-8 : 조합형 -> 자음만 있으면 찾아와서 조합하는 방식 (대부분의 문장 만들 수 있음)

 

* 메타데이터

1. <meta http-equiv="X-UA-Compatible" content="IE=edge"> : 최신의 Internet Explorer로 렌더링 방식으로 화면에 출력 되도록 설정

2. <meta name="viewport" content="width=device-width(기계에 따른 화면 넓이 적용)"> : 반응형 웹사이트 제공 위해, 화면에 보이는 영역 설정

3. <base href="./css/"> : link 태그로 경로를 지정할 때 맨 앞에 "./"를 입력하지 않아도 되고 경로의 기준이 된다.