HTML <head>

    2018-02-14 07:51:26 작성

    <head>

    <head> 요소는 문서에 대한 메타데이터를 정의합니다.
    메타데이터는 일반적으로 문서제목(<title>), 스타일(<style>), 문자세트(charset), 링크(<link>), 스크립트(<script>) 및 기타 메타정보(<meta>) 정보 등을 정의합니다.

    <title>

    <title> 요소는 문서의 제목을 정의합니다.

    • 브라우저 탭의 제목을 정의합니다.
    • 즐겨찾기에 추가될 페이지의 제목을 제공합니다.
    • 검색 엔진 결과에 페이지 제목을 표시합니다.

    <style>

    <style> 요소는 HTML 페이지의 스타일 정보를 정의하는데 사용합니다.

    <link>

    <link> 요소는 외부 스타일 시트에 연결하는데 사용합니다.
    <link> 태그는 종료태그가 없습니다.
    href 속성에 연결할 URL을 지정합니다.
    rel 속성은 필수로 지정하며 문서와의 관계를 지정합니다. 

    <link rel="stylesheet" href="mystyle.css">

    <script>

    <script> 요소에는 JavaScript를 정의하는데 사용합니다.

    <base>

    <base> 요소는 페이지내의 모든 상대 URL에 대한 기본 URL을 지정합니다. 

    <base href="http://www.ezcode.kr/" target="_blank">

    <meta>

    <meta> 요소는 문자세트, 페이지설명, 키워드, 제작자 등 다른 메타 데이터를 사용하는데 사용합니다.
    <meta> 태그는 종료태그가 없습니다.

    속성 값 설명
    charset 문자세트 HTML 문서의 문자 인코딩을 지정합니다.
    name application-name
    author
    description
    generator
    keywords
    viewport
    		 메타데이터의 이름을 지정합니다.
    http-equiv content-type
    default-style
    refresh     		content속성의 정보에 대한 HTTP 헤더를 제공합니다.
    content text http-equiv 또는 name 속성과 관련된 값을 제공합니다.
    charset

    HTML 문서의 문자 인코딩을 지정합니다.
    다음 예는 문자세트를 UTF-8로 지정합니다. 

    <meta charset="UTF-8">
    name

    다음 예는 검색 엔젠에 대한 키워드를 정의합니다.

    <meta name="keywords" content="HTML, CSS, JavaScript">

    다음 예는 웹페이지에 대한 설명을 정의합니다..

    <meta name="description" content="Free programming language tutorials">

    다음 예는 페이지 작성자를 정의합니다..

    <meta name="author" content="Ki-yong Nam">

    다음 예는 모든 장치에서 보이기 좋도록 뷰포트를 설정합니다.

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    http-equiv

    다음 예는 30초마다 문서를 새로 고칩니다.

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