이번시간은 실전같은 연습시간입니다
제 스킨은 poster라는 스킨입니다
그중에 <head>부분에 해당하는 부분을 찾아봤습니다
예전에 <head>부분에 넣었던 구굴과
네이버 웹도구가 보이네요
역시 주석을 달아놓으니 한번에 찾고 또 한글로(^^) 쓰여있어 찾기도 쉽네요
역시나 1.번은 doctype이군요 html5로 쓰였습니다 현재 표준버젼입니다.
2.번은 주언어 선언 이라고 하는데요 doctype이 버전이라면 iong은 언어의 줄임말이고
"ko" 한국어 "en" 영어를 뜻합니다 주언어가 한국어란 의미입니다.
3.번은 <head> 해드부분 시작이라는 뜻이고
4.번은 charset는 utf-8
charset는 문자 인코딩이라고 하는데요
인코딩은 한마디로 한글을 숫자로 표현해서 한글이 깨지지 않게 하는 방식이예요
한글을 ---> 야-->02 요-->03 나--->% 이런식으로 암호화해서 풀어주는 방식을 말해요
한글을 전부 암호화해서 그방식으로 화면에 보여주는 거예요
그래서 우리가 티스토리 페이지를 열때 홈페이지 주소옆으로 한글이면
이상한 숫자들이 마구보일꺼예요 그게 바로 utf-8로 인코딩이 되어서 그렇답니다
5.번 "viewport"처음 화면의 크기와 너비를 정해주는 태그입니다
width=divice=-width 란 뜻은 뷰포드의 너비는 장치의 너비로 한다는 뜻입니다
initial-scale=1.0 maximum-scale=1.0 minimum-scale=1.0
사용자가 확대할수 있는 범위와 최대 최소 범위를 지정해줍니다
보통은 980px 이고 모바일은 320px 이 최적이라고 합니다
user-scalable=no 이건 일반 유저들이 설정을 고치지 못하게 만들때 사용하는 문구입니다
보통 많은 싸이트들이 고정해놓고 있다고 하는데 html과 css및 자바스크립트를 잘 다룬다면
못하는게 없겠죠
6.번 제목이름이고
11.번 link는 대부분 stylesheet 연결하기위해 사용하며 문서위치는./style.css 에 있다는 뜻입니다
12.번 <script>는 자바스크립트를 사용해서 불러오는 경로를 표시합니다
이렇게 해서 <head> 부분만 살펴보았습니다
그래도 몇번 들여다 보았다고 아는 단어들이 있으니 신기하고 자신감이 드네요
'여행' 카테고리의 다른 글
| 세계의 어떤직업도 경쟁에서 성공을 보장해 주진 않는다... (0) | 2020.04.27 |
|---|---|
| 건강여권...면역여권...면역증명서 (0) | 2020.04.26 |
| 홈페이지 만들기... 기본틀 작성하는 법과 저장하는 방법 (0) | 2020.04.24 |
| 기억난다...뱀주사위 놀이 (0) | 2020.04.23 |
| 지금 유럽의 축구 클럽등은 코로나 바이러스에 쓰러지고 있다 (0) | 2020.04.22 |
댓글