문서의 구조와 슈퍼스타들
정보가 너무 많아! 정리를 해야돼!
->구조가 필요하다.
내가 만든 웹 페이지가 표시되고있는 웹 브라우저의 탭을 살펴보자.
어우 부끄러
파일명이 곧 제목이 된다...
->제목을 지정하자!
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
Author And Source
이 문제에 관하여(문서의 구조와 슈퍼스타들), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@irever1029/문서의-구조와-슈퍼스타들저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)