-
메타데이터 콘텐츠(Metadata Content)정보 2023. 11. 18. 18:43메타데이터는 문서의 정보를 포함하는 메타데이터, 스타일 표현을 위한 <style> 요소, 행동을 설정하는 <script> 요소들을 나타냄. 웹 브라우저에 직접적으로 표시되지 않으며, 문서(document)와 문서 간의 관계를 설정함.
<base>, <link>, <meta>, <noscript>, <script>, <style>, <title>
HTML 문서의 메타데이터 콘텐츠는 문서의 일반적인 정보, 문자 인코딩, 스타일 시트 링크, 스크립트 등과 같이 문서 자체를 설명하고 정의하는 데 사용되는 정보를 말합니다. 메타데이터는 일반적으로 웹 브라우저나 검색 엔진 등이 문서를 이해하고 해석하는 데 도움이 됩니다.
다음은 HTML 문서에서 사용되는 몇 가지 중요한 메타데이터 콘텐츠 요소들입니다:
1.<head> 요소:
<head> 요소는 문서의 메타데이터를 포함하는 컨테이너입니다.
<title> 요소: 문서의 제목을 정의합니다. 브라우저 탭에 표시되는 텍스트로 사용됩니다.<head>
<title>My Web Page</title>
</head>2.<meta> 요소:
문자 인코딩, 뷰포트 설정, 검색 엔진 최적화 등과 같은 다양한 메타데이터를 정의하는 데 사용됩니다.<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 기타 메타데이터 설정 -->
</head>3.<link> 요소:
외부 리소스와의 관련된 링크를 정의합니다. 주로 스타일 시트, 아이콘, 다른 문서와의 연결 등에 사용됩니다.<head>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- 기타 리소스 링크 -->
</head>4.<base> 요소:
문서 내의 모든 상대적인 URL에 대한 기본 URL을 설정합니다.<head>
<base href="https://www.example.com/">
</head>5.<style> 요소:
문서 내에 스타일 정보를 포함하는데 사용됩니다. 내부 스타일 시트를 정의할 때 주로 사용됩니다.<head>
<style>
body {
background-color: #f0f0f0;
color: #333;
}
</style>
</head>6.<script> 요소:
외부 스크립트 파일이나 인라인 스크립트를 문서에 포함하는 데 사용됩니다.<head>
<script src="script.js"></script>
<!-- 또는 -->
<script>
// 인라인 스크립트 코드
</script>
</head>이러한 메타데이터 요소들은 HTML 문서의 정보를 정의하고, 브라우저나 검색 엔진 등이 문서를 올바르게 해석하고 표시할 수 있도록 돕습니다.
728x90'정보' 카테고리의 다른 글
섹셔닝 콘텐츠(Sectioning Content) (0) 2023.11.18 플로우 컨텐츠(Flow Content) (0) 2023.11.18 섹셔닝 루트(Sectioning Root) (0) 2023.11.18 HTML4.01, XHTML1.0과 HTML5의 차이점 (0) 2023.11.18 HTML의 탄생 (0) 2023.11.18