[HTML] <meta> 태그의 속성들

2020. 11. 14. 19:05· 프로그래밍언어/HTML
목차
  1. meta tag의 속성들

meta tag의 속성들

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="description" content="meta tag의 속성">
    <meta name="kewords" content="meta태그, meta태그속성, html공부, html">
    <meta name="author" content="개발슝이">
    <meta http-equiv="refresh" content="30">
    <title>meta teg</title>
  </head>
  <body>
    <h1>meta tag의 속성들</h1>
    <h2>meta tag란?</h2>
<p>어떤 데이터가 있으면 그 데이터를 설명하는 데이터.<br>
이 웹페이지의 요약 : 저자누구? 내용요약? 검색키워드?<br>
웹페이지에는 나타나지 않지만 웹페이지를 정체성을 나타내는 중요한 태그.<br></p>
    <h2>meta tag의 속성</h2>
    <p>Meta라는 태그를 잘 사용하면 웹페이지가 훨씬 더 가치 있는 정보가 될 수 있다<br>
    - meta charset="utf-8" -<br>
    이 문서는 utf-8으로 저장 된 파일이라고 알려주는 속성.<br>
    이 속성을 표시 하지 않으면 브라우저 기본 설정에 따라 화면이 깨지게 나올 수도 있다.<br><br>
    - meta name="description" content="meta tag의 속성" -<br>
     검색결과에 이 웹페이지의 요약으로 사용 될 수 있는 속성<br><br>
    - meta name="kewords" content="meta태그, meta태그속성, html공부, html" -<br>
    이 웹페이지 분류하는 기계가 사용하는 속성<br><br>
    - meta name="author" content="개발슝이"-<br>
    웹페이지를 개발한 사람으로 저작권자<br><br>
    - meta http-equiv="refresh" content="30" -<br>
    이 웹페이지는 30초 단위로 새로고침이 된다.<br></p>
  </body>
</html>

 

meta tag란? 

  • 어떤 데이터가 있으면 그 데이터를 설명하는 데이터.
  • 이 웹페이지의 요약 : 저자누구? 내용요약? 검색키워드?
  • 웹페이지에는 나타나지 않지만 웹페이지를 정체성을 나타내는 중요한 태그.

meta tag의 속성

  • Meta라는 태그를 잘 사용하면 웹페이지가 훨씬 더 가치 있는 정보가 될 수 있다.
  • < meta charset="utf-8" >
  • 이 문서는 utf-8으로 저장 된 파일이라고 알려주는 속성.
  • 이 속성을 표시 하지 않으면 브라우저 기본 설정에 따라 화면이 깨지게 나올 수도 있다.

< meta name="description" content="meta tag의 속성" >

검색결과에 이 웹페이지의 요약으로 사용 될 수 있는 속성

 

< meta name="kewords" content="meta태그, meta태그속성, html공부, html" >

이 웹페이지 분류하는 기계가 사용하는 속성

 

< meta name="author" content="개발슝이" >

웹페이지를 개발한 사람으로 저작권자

 

< meta http-equiv="refresh" content="30" >

이 웹페이지는 30초 단위로 새로고침이 된다.

'프로그래밍언어 > HTML' 카테고리의 다른 글

[HTML] HTML 태그 정리  (0) 2020.11.18
[HTML] HTML문서에 다른 사람들이 만들어 놓은 기능 추가하기(동영상, 댓글, 채팅, 방문자분석)  (0) 2020.11.17
[HTML] 링크달기 <a>태그로 웹사이트 만들기  (0) 2020.11.12
[HTML] 부모-자식 태그와 문서구조  (0) 2020.11.11
[HTML] 줄 바꿈 태그와 이미지 태그(+속성)  (0) 2020.11.08
  1. meta tag의 속성들
'프로그래밍언어/HTML' 카테고리의 다른 글
  • [HTML] HTML 태그 정리
  • [HTML] HTML문서에 다른 사람들이 만들어 놓은 기능 추가하기(동영상, 댓글, 채팅, 방문자분석)
  • [HTML] 링크달기 <a>태그로 웹사이트 만들기
  • [HTML] 부모-자식 태그와 문서구조
개발원슝이
개발원슝이
꾸준히 개발공부를 합니다.
개발원슝이
꾸준히 개발슝이
개발원슝이
전체
오늘
어제
  • ALL (236)
    • 프로젝트 (34)
      • clone coding (19)
      • mini project (5)
      • Team project(with KIC) (10)
    • 문제 (37)
      • 백준 (7)
      • 프로그래머스 (14)
      • 정보처리기사실기 (16)
    • 설치 (9)
    • 개발 기초 (12)
    • 프로그래밍언어 (120)
      • HTML (16)
      • CSS (17)
      • JavaScript (18)
      • JAVA (13)
      • JSP (10)
      • Python (22)
      • C언어 (24)
    • 프레임워크 (6)
      • Spring (3)
      • Django (3)
    • DB (2)
      • MySQL (2)
    • AWS (1)
    • 오류 (2)
    • 이것저것 (6)
    • 전공자 개발 (2)
    • 비전공자 개발 (5)

블로그 메뉴

  • 네이버블로그(강의노트)
  • GitHub
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 홍정모교수님
  • 따배씨
  • javascript
  • 코딩테스트
  • 파이썬공부
  • 생활코딩
  • 인프런
  • 백준
  • 홍정모의 따라하며 배우는 C언어
  • 점프 투 파이썬

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
개발원슝이
[HTML] <meta> 태그의 속성들
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.