[UX/UI] meta 태그

2021. 3. 16. 01:15 Web Programing/UI, UX, html

HTML

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
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="generator" content="">
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <meta property="og:title" content="페이지 제목">
    <meta property="og:url" content="http://사이트주소/">
    <meta property="og:image" content="http://띄울이미지">
    <meta property="og:type" content="website">
    <meta property="og:description" content="사이트 설명">
 
    <meta property="twitter:card" content="카드타입">   
    <meta property="twitter:title" content="페이지 제목">
    <meta property="twitter:url" content="http://사이트주소/">
    <meta property="twitter:image" content="http://띄울이미지">
    <meta property="twitter:description" content="사이트 설명">
 
    <meta http-equiv="refresh" content="3; url=http://google.com/">
</head>
cs

 

일반적인 웹페이지의 메타태그

 

og : 카카오톡과 같은 소셜에서 보여지는 경우에 사용되는 메타태그

 

twitter : 트위터에 대한 메타태그

 

일정시간 이후 지정된 사이트로 이동

 

출처 : know-one-by-one.tistory.com/17

저작자표시 비영리 변경금지

'Web Programing > UI, UX, html' 카테고리의 다른 글

[UX/UI] HTML 마크업 - http://www.subcide.com (1)  (0) 2021.03.16
[UX/UI] HTML - 폼 컨트롤  (0) 2021.03.16
[UX/UI] HTML - 링크와 이미지  (0) 2021.03.16
[UX/UI] HTML - 테이블 셀합치기  (0) 2021.03.16
[UX/UI] HTML - 테이블을 구성하는 태그  (0) 2021.03.16
[UX/UI] HTML - 목록을 구성하는 태그  (0) 2021.03.16
[UX/UI] HTML - 문장을 구성하는 태그  (0) 2021.03.16
[UX/UI] HTML 레이아웃 - 대분류  (0) 2021.03.16
Trackback: Comment: 0

티스토리툴바