Project.log

HTML 일반적으로 사용 되는 <meta>태그 본문

HTML

HTML 일반적으로 사용 되는 <meta>태그

jinuk_ 2023. 5. 7. 23:59
728x90
반응형
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="description" content="웹 페이지에 대한 간략한 설명입니다.">
		<meta name="keywords" content="웹, 페이지, 검색">
		<meta name="author" content="작성자 이름">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="refresh" content="30">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta property="og:title" content="웹 페이지 제목입니다.">
		<meta property="og:description" content="웹 페이지에 대한 간략한 설명입니다.">
		<meta property="og:image" content="이미지 URL입니다.">
		<meta property="og:url" content="페이지의 URL입니다.">
	</head>
	<body>
	</body>
</html>

HTML의 meta 요소는 웹 페이지의 메타 데이터를 제공하는 데 사용됩니다. 이 메타 데이터는 브라우저, 검색 엔진 및 소셜 미디어 등에서 사용됩니다. 아래는 일반적으로 사용되는 meta 태그의 예시입니다.

 

  1. charset : 문서의 문자 집합을 정의합니다.
  2. name과 content: 문서의 일부 정보를 정의합니다. name은 정보의 유형을 지정하고, content는 실제 정보를 포함합니다.
  3. http-equiv: HTTP 헤더를 정의합니다.
  4. property와 content: Open Graph 프로토콜을 사용하여 소셜 미디어에서 페이지를 공유할 때 사용되는 정보를 정의합니다.

이 외에도 name, content, http-equiv, charset, scheme 등 다양한 속성이 있습니다. 페이지에서 필요한 메타 데이터를 제공하기 위해 적절한 meta 요소를 사용하시면 됩니다.

728x90
반응형
저작자표시 비영리 변경금지

'HTML' 카테고리의 다른 글

HTML5 블록 요소와 인라인 요소  (0) 2023.07.17
'HTML' Related Articles more