라벨의 머리는, 브라우저에서 그는 서버 페이지를 말할 것 몇 가지 추가 정보가 표시되지 않습니다. 헤드 태그는 다음 태그가 포함 :

　　<title>: 브라우저의 상단에 표시되는 전체 페이지 제목을 지정합니다

　　<meta>: 페이지에 대한 기본 정보를 제공합니다

　　<link>: 외부 자원 정의 문서 관계

　　<스타일> : 웹 페이지 내부 스타일 시트 사이의 관계를 정의

1, 제목 태그

사용자가 신속하게 페이지를 표현하는 테마를 결정 할 수 있도록 사용자와 검색 엔진을 페이지의 제목을 알려줍니다.

1 <! DOCTYPE html로>
 2 <HTML은 LANG = " EN " >
 3 <head>
 4      <메타 캐릭터 = " UTF-8 " >
 5      <TITLE>流浪者</ TITLE>
 6 </ head>
 7 <body>
 8  
9  
10      
11 </ body>
 12 </ HTML>

2, 메타 태그

메타 태그는 두 개의 속성 이름과 다른 속성에 해당하는 다른 매개 변수 값, 다른 매개 변수 값이 다른 기능 페이지를 달성하기 위해 속성, 즉 HTTP-당량이있다.

HTTP-당량 속성 :

<! DOCTYPE HTML> 
<HTML LANG = " EN " > 
<head> 
    <메타 문자 집합 = " UTF-8. " > 
    <제목> 로버스 </ 제목> 
    <! - 재 -> 
    << 메타 HTTP-당량 = " 새로 고침 " 내용 = " :; //www.baidu.com = HTTP의 URL 3 " /> 
    ! 콘텐츠 형식 및 인코딩 유형 지정된 문서 - -> < 
    <메타 HTTP-당량 = " 콘텐츠 유형 " 내용을 = " text / html과; 문자셋 = UTF-8 " /> 
    <- 가장 높은 모드로 페이지를 렌더링 IE 브라우저를 말해 ->! 
    <메타 HTTP-당량 = " X-UA 호환 "내용 = " IE 에지 " /> 
</ head> 
<body> 


    
</ body> 
</ HTML>

이름 속성 :

주로 키워드 및 페이지 설명은 검색 엔진과 함께 다수의 키워드 ","이격 수, 콘텐츠가있을 수 있고, 표시 기입 그에 대응하는 값은, 메인 콘텐츠의 콘텐츠가 검색 엔진을 용이하게하는 특성 로봇은 정보 및 기밀 정보의 사용을 찾을 수 있습니다.

<! DOCTYPE HTML> 
<HTML LANG = " EN " > 
<head> 
    <메타 문자 집합 = " UTF-8. " > 
    <제목> 로버스 </ 제목> 
    <! - 카테고리 -> 
    <메타 이름 = " 키워드 " 내용 = " NetEase는, 이메일, 게임, 뉴스, 스포츠, 엔터테인먼트, 여성, 아시안 게임, 포럼, SMS " /> 
    <! - 페이지 기술 정보 -> 
    <메타 이름 = " 설명은 " 콘텐츠 = " NetEase는 중국의 선두입니다 인터넷 기술 회사, 무료 이메일, 게임, 검색 엔진 서비스, 패브릭 명 전원의 뉴스, 엔터테인먼트, 스포츠, 상호 작용 블로그, 비디오, 포럼의 최대 30 개 이상의 콘텐츠 채널을 사용자에게 제공합니다. " /> 
　　 < ! - 모바일 엔드에 대한 지원 ->
　　 <메타 NAME = 뷰포트 함량 = "= 폭 소자 폭 초기 스케일 = 1">



</ head> 
<body> 


    
</ body> 
</ HTML>

결과는 다음과 같습니다 :

3, 링크 태그

링크 태그는 외부 리소스에 대한 링크, 그는 또한 CSS 코드를 가져올 수 있습니다 페이지 제목 해당 아이콘 아이콘의 상단을 설정할 수 있습니다.

. 1 <! DOCTYPE의 HTML>
 2 <HTML LANG = " EN " >
 3. <헤드>
 4.      <메타 문자 집합 = " UTF-8. " >
 5.      <제목> 로버스 </ 제목>
 6.      <! - 소개 페이지 제목 아이콘 - ->
 7      <링크 확인해 = " 바로 가기 아이콘 " HREF = " C : 23,694 \ 바탕 화면 \ 새 폴더 \ 회원 1.png \ Users (사용자) \ " >
 8      <- 도입 CSS, 장식 라벨 ->!
 9      <링크 REL = " 스타일 시트 " 유형 = "텍스트 / CSS는 " HREF = "C : 23,694 \ PycharmProjects \ \ 사용자 \ 클래스 코드에 살 소년 전체 스택 개발 파이썬 (15) \ ~ 40 \ s15day36 \를 \ day36 \ index.css " >
 10 </ head>
 . 11 <몸>
 (12)가  
13입니다  
14      
15 </ body>
 16 </ HTML>

4, 스타일 라벨

스타일 태그는 HTML 문서 구조 미화입니다.

1 <! DOCTYPE html로>
 2 <HTML LANG = " EN " >
 3 <head>
 4      <메타 캐릭터 = " UTF-8 " >
 5      <TITLE>流浪者</ TITLE>
 6      <스타일>
 7          H2 {
 8              색 : 푸른;
9          }
 10      </ 스타일>
 11 </ head>
 12 <body>
 13  
14  
15      
16 </ body>
 17 </ HTML>

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　저자 : 레인저스

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　날짜 : 2019년 8월 30일

02 헤드 라벨

1, 제목 태그

2, 메타 태그

3, 링크 태그

4, 스타일 라벨

추천