▷ HTML 기본구성
<!DOCTYPE HTML>
<html>
<head>
<title>페이지 제목</title>
<meta charset="utf-8">
</head>
<body>
페이지 내용
</body>
</html>
▷ <!DOCTYPE> 선언
HTML 코딩을 할때 문서를 화면에 출력하기 위해서 어떤 문서인지에 대한 정보를 가장 상단에 선언해줍니다. 대소문자 구별을 하지 않기 때문에 소문자든 대문자든 상관이 없습니다.
→ 문서 유형 선언
문서유형 |
선언방법 |
html5 |
<!Doctype Html> |
html 4.01 |
<!Doctype Html Public"-//W3C//DTD HTML 4.01 Transitonal//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
XHTML 1.0 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHRML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
▷ meta 설정하기
//html5
<meta charset="UTF-8">
//모바일 웹을 위한 뷰포트 설정
<mata name="viewport" content="width=device-width, initial-scale=1.0">
//웹 문서 제작자 설명
<meta name="author" content="설명">
//웹문서에 대한 설명
<meta name="description" content="웹문서 설명내용">
//웹문서에 대한 키워드 설정 우리나라 검색엔진은 상관없음
<meta name="keywords" content="키워드1, 키워드2, 키워드3 ...">
//웹 문서 재로딩 설정 페이지를 넘길주소로 넘겨준다.
<meta http-equiv="refresh" content="10", url="넘길주소">
'Front-end > HTML' 카테고리의 다른 글
| 폰트속성 한꺼번에 표현하기 (0) | 2018.12.20 |
|---|---|
| form태그 (0) | 2018.12.19 |
| 컨텐츠 안보이게 하는 여러가지 방법 :: css3 (0) | 2018.12.10 |
| 접두사 벤더프리픽스 (Vendor Prefix) - webkit moz o ms (0) | 2018.12.09 |
| 웹접근성의 잘못된 예와 올바른방법 (0) | 2018.11.20 |
댓글