문서의 구조와 슈퍼스타들

2761 단어 생활코딩htmlhtml

정보가 너무 많아! 정리를 해야돼!
->구조가 필요하다.

내가 만든 웹 페이지가 표시되고있는 웹 브라우저의 탭을 살펴보자.

어우 부끄러

파일명이 곧 제목이 된다...
->제목을 지정하자!

title태그를 사용하자.
특히 title태그는 검색엔진이 웹 페이지를 분석할 때 가장 중요하게 생각하는 태그임
->안쓰면 겁나 손해다

<title>커비 설명회</title>


적용하면 이렇게 출력된다!

그리고 영어가 아닌 문자로 웹페이지를 만들면
문자가 깨지는 경우가 있을수도 있다~

에디터 하단 보면 UTF-8이라고 적힌게 보일텐데
이 웹 페이지가 UTF-8방식으로 저장되었다는 뜻임.

웹페이지를 UTF-8방식으로 저장했으면 열때도 UTF-8방식으로 열어야함

문자가 깨지는 이유는 웹페이지가 저장된 문자 표현 방식과 웹브라우저가 웹페이지를 해석하는 방식이 불일치할때 깨짐.

그니까 웹브라우저가 UTF-8로 만들었으니까 UTF-8로 열어야된다고 알아듣게 써줘야함.

<meta charset="utf-8">

이렇게 작성 해주면 된다.

이번에 추가한

<title>커비 설명회</title>
<meta charset="utf-8">

코드 두줄은 이전의 코드와 구분된다.
바로 본문이 아닌, 본문을 설명하는 코드라는것!

본문&본문을 설명하는 정보를 각기 다른 태그로 분리해서 정돈하자

본문은 body 태그
본문을 설명하는 부분은 head 태그

그리고 body와 head 태그를 감싸는 html태그를 두기로 약속했다.

또 이 웹페이지가 HTML로 만들어졌다는걸 표현하기 위해 문서 시작 아래에

<!doctype html>

코드를 추가한다.

코드 근황.png

좋은 웹페이지 즐겨찾기