html meta 태그 정리
문자셋 설정,
검색로봇 제어,
뷰포트 선언 반응형,
모바일 자동 전화걸기 방지,
SEO 검색엔진 최적화,
최신엔진으로 페이지 렌더링,
웹 호환성 보기,
파비콘
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
<!DOCTYPE html>
<html lang="ko">
<head>
<title>웹사이트 제목</title>
<meta charset="utf-8"><!-- 문자셋 설정 -->
<meta name="robots" content="index,follow"><!-- 검색로봇 제어-->
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 뷰포트 선언 반응형 웹 사용 -->
<meta name="format-detection" content="telephone=no"> <!-- 모바일 자동 전화걸기 방지 -->
<!-- SEO(Search Engine Optimization), 검색 엔진 최적화 -->
<meta name="author" content="작성자">
<meta name="subject" content="주제">
<meta name="keywords" content="키워드">
<meta name="description" content="설명">
<meta name="copyright" content="저작권">
<meta property="og:type" content="website">
<meta property="og:title" content="페이지 제목">
<meta property="og:description" content="페이지 설명">
<meta property="og:image" content="사이트 대표이미지 경로 http://......jpg">
<meta property="og:url" content="사이트 주소 http://www.....com">
<!-- SEO(Search Engine Optimization), 검색 엔진 최적화 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><!-- 최신 엔진으로 페이지 렌더링 , ie호환성보기 설정시 깨지는 현상 막아줌 -->
<!-- 파비콘 -->
<link rel="shortcut icon" type="image/x-icon" href="">
<link rel="apple-touch-icon" sizes="114x114" href="">
<link rel="apple-touch-icon" href="">
<!-- 파비콘 -->
</head>
<body>
</body>
</html>
|
cs |
'html' 카테고리의 다른 글
평균 웹 페이지 / html 태그의 사용 빈도 통계 사이트 (0) | 2021.10.21 |
---|