[HTML <head> 요소]
<head> 요소는 메타 데이터 (데이터에 대한 데이터)의 컨테이너이며 <html> 태그와 <body> 태그 사이에 배치됩니다.
HTML 메타 데이터는 HTML 문서에 대한 데이터입니다. 메타 데이터가 표시되지 않습니다.
메타 데이터는 일반적으로 문서 제목, 문자 세트, 스타일, 링크, 스크립트 및 기타 메타 정보를 정의합니다.
다음 태그는 <title>, <style>, <meta>, <link>, <script> 및 <base> 메타 데이터를 설명합니다.
[HTML <title> 요소]
<title> 요소는 문서의 제목을 정의하며 모든 HTML / XHTML 문서에 필요합니다.
<title> 요소 :
1.브라우저 탭에 제목을 정의합니다.
2.즐겨 찾기에 추가 될 때 페이지의 제목을 제공합니다.
3.검색 엔진 결과에 페이지 제목을 표시합니다.
간단한 HTML 문서 :
예
<! DOCTYPE html>
<html>
<head>
<title> 페이지 제목 </ title>
</ head>
<body>
문서의 내용 ......
</ body>
</ HTML>
[HTML <style> 요소]
<style> 요소는 단일 HTML 페이지의 스타일 정보를 정의하는 데 사용됩니다.
예
<스타일>
body {background-color : powderblue;}
h1 {color : red;}
p {color : blue;}
</ style>
[HTML <link> 요소]
<link> 요소는 외부 스타일 시트에 연결하는 데 사용됩니다.
예
<link rel = "stylesheet"href = "mystyle.css">
팁 : CSS에 대한 모든 정보는 CSS 자습서를 참조하십시오.
[HTML <meta> 요소]
<meta> 요소는 사용되는 문자 집합, 페이지 설명, 키워드, 작성자 및 기타 메타 데이터를 지정하는 데 사용됩니다.
메타 데이터는 브라우저 (검색 방법 (내용) 표시 방법), 검색 엔진 (키워드) 및 기타 웹 서비스에서 사용됩니다.
사용 된 문자 세트를 정의하십시오.
<meta charset = "UTF-8">
웹 페이지에 대한 설명을 정의하십시오.
<meta name = "description"content = "무료 웹 자습서">
검색 엔진에 대한 키워드 정의 :
<meta name = "keywords"content = "HTML, CSS, XML, JavaScript">
페이지 작성자를 정의하십시오.
<meta name = "author"content = "Hege Refsnes">
30 초마다 문서 새로 고침 :
<meta http-equiv = "refresh"content = "30">
<meta> 태그의 예 :
예
<meta charset = "UTF-8">
<meta name = "description"content = "무료 웹 자습서">
<meta name = "keywords"content = "HTML, CSS, XML, JavaScript">
<meta name = "author"content = "Hege Refsnes">
'IT > html' 카테고리의 다른 글
[HTML <script> 요소 HTML <base> 요소 (0) | 2017.01.02 |
---|---|
html 뷰포트 설정하기 (0) | 2017.01.02 |
HTML The class Attribute (0) | 2017.01.01 |
html div span 블록 및 인라인 요소 (0) | 2017.01.01 |
ul li 정렬되지 않은 HTML 목록 (0) | 2016.12.30 |