fastcampus 사이트의 '한번에 끝내는 프론트엔드 개발 강의' 를 수강하며 공부 목적으로 작성하는 글입니다.
VS Code에서 빠르게 html 구조를 만들기 위해서는 ! 입력 후 tab을 눌러줌으로써 빠르게 구조를 만들 수 있습니다.
이 태그들 중에서 정보를 담는 부분은 바로 부분입니다.
<head>내에 들어가는 태그는 크게 5가지. meta 태그, title 태그, link 태그, script 태그, style 태그 등이 있습니다.
Title 태그
- HTML 문서의 제목(title)을 정의
- 웹 브라우저 탭에 표시됨
Link 태그
- rel 속성 : 가져올 문서와의 관계
- href 속성 : 가져올 문서의 경로
- ./ 이란 : 현재 해당하는 html 파일 주변에 존재하는 파일을 의미
Style 태그
- 스타일(CSS)를 HTML문서 안에서 작성하는 경우에 사용
Script태그
- 자바스크립트를 사용할 때 사용
Meta 태그
- HTML 문서의 제작자, 내용, 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공
- charset(Character set) : 문자 인코딩 방식을 지정하는 HTML 속성
- 문자 인코딩이란 문자나 기호들을 컴퓨터가 이용할 수 있는 신호로 만드는 것을 말하며 대표적으로 한글 사용에는 EUC-KR 혹은 UTF-8 등이 사용되며, 웹에서는 UTF-8의 사용을 권장
'Frontend' 카테고리의 다른 글
| 6. 웹에서 페이지 구성 후 테스트 해보기(codepen.io) (0) | 2021.07.23 |
|---|---|
| 5. 상대 경로와 절대 경로 (0) | 2021.07.23 |
| 3. 프론트엔드 개발에 필요한 Visual Studio Code 확장 프로그램 설치 및 Setting (0) | 2021.07.23 |
| 2. 웹에서 사용할 수 있는 이미지(비트맵과 벡터) (0) | 2021.07.23 |
| 1. 프론트엔드(Frontend)란 무엇인가? (0) | 2021.07.23 |
