카카오톡이나 SNS 등에서 특정 링크를 붙여놓으면 알아서 만들어주는 기능을 볼 수 있을텐데 그 역할을 하는 것이 이것이다.
<meta property="og:locale" content="ko_KR"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://example.com/"/>
<meta property="og:title" content="사이트 제목"/>
<meta property="og:description" content="사이트 설명"/>
<meta property="og:site_name" content="사이트 이름"/>
<meta property="og:image" content="표시될 이미지"/>
※자세한 내용은 https://ogp.me/ 에서 확인할 수 있다.
'프로그래밍 > HTML, CSS' 카테고리의 다른 글
[CSS] Transition 을 이용한 애니메이션 (0) | 2016.09.03 |
---|---|
[CSS] Clearfix Hack (0) | 2016.08.30 |
[CSS] LESS 활용한 박스를 웹 브라우저 창 가운데에 배치하는 방법 (0) | 2016.08.30 |