IT/html

[HTML <head> 요소] 1

조원태 2017. 1. 1. 22:58
반응형

[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