HTML - Doctype & Document Structure
HTML - Doctype & Document Structure
- document 타입 선언
<!DOCTYPE html>
<html>
<head>
웹 문서에 관한 메타 데이터()
</head>
<body>
웹문서에 들어갈 내용(제목,문단 등)
</body>
</html>
head 태그에 들어갈 수 있는 태그
title
브라우저 탭 부분에 표시,검색 최적화에 매우 중요
<title>타이틀</title>
[검색 최적화(SEO)를 위해 타이틀 잘 작성하는 방법]
- 키워드 단순 나열은 비추
- 페이지마다 타이틀 변경
link
CSS 스타일 시트를 첨부하는 태그
<link rel="stylesheet" href="style.css">
styles
HTML 문서 내에서 CSS 코드 작성 잘 사용하지 않음.
<style>
h1 {
color: red;
}
</style>
script
JavaScript 코드를 첨부하는 태그
<script src="경로"></script>
JavaScript 코드를 HTML 내에 첨부하는 태그. body 내에서 마지막에 작성
<script>자바스크립트 코드</script>
meta
반드시 작성해야할 attribute [name = “메타데이터 종류”]
viewport : 반응형(다양한 화면 사이즈에 맞춰 조정하기 위해) 요즘 주로 사용
author : 작성자
keywords : 웹페이지의 키워드들을 메타데이터 값에 입력
description : 설명을 메타테이터 값에 입력
[contents = “메타데이터 값”]
<meta name="viewport" contents="width=device-width initial-scale=1.0>
contents=”width=device-width : 디바이스의 가로 길이에 맞춰 initial-scale= : 배율
