HTML 기본 튜토리얼 <meta> 태그

<meta>의 주요 기능은 웹페이지의 메타정보를 제공하는 것입니다. 예: 웹페이지의 검색 키워드를 지정합니다.

<meta> 태그에는 http-equiv와 name이라는 두 가지 속성이 있습니다.

http-equiv 속성

  • 기능: 정보가 다음과 같은 경우 http 프로토콜 파일 헤더 정보를 시뮬레이션합니다. 서버에서 수신 클라이언트에 전달되면 웹 페이지 콘텐츠를 올바르게 표시하는 방법을 브라우저에 알려줍니다.

  • http-equiv 속성은 일반적으로 content 속성과 함께 사용됩니다. Content 속성은 정보의 세부 매개변수를 지정합니다.

(1) 웹페이지 문자셋 설정

<meta http-equiv="Content-Type" content=" text/html ; charset=utf-8" />

이전 예제에서 이 내용을 여러 번 보았습니다

(2) 웹 페이지 자동 새로 고침

<meta http-equiv="refresh" content="2"> //2초마다 자동으로 웹페이지 새로고침

<meta http-equiv="refresh" content = "2;url=http://www.baidu.com"> //2초 후 Baidu

로 이동하여 예시를 확인하세요

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="refresh" content="2;url=http://www.baidu.com">
    </head>
    <body>
        <h1>欢迎加入php.cn</h1>
        <h2>希望你能够在这里学的开心</h2>
    </body>
</html>


name 속성

name 속성은 주로 검색 키워드, 저작권 정보, 작성자 등을 설정하는 데 사용됩니다. .

웹사이트 검색결과 보기

9.png

(1) 첫 번째 부분은 웹 검색 키워드를 설정하는 것

< 메타 이름= "keywords" content="Pigcms, pigcms, WeChat 공개 플랫폼 소스 코드, WeChat 배포, WeChat 개발, WeChat o2o 소스 코드..." />

(2) 두 번째 부분은 웹 페이지 설명 정보를 설정하는 것입니다

<meta name="description" content="Xiaozhucms는 국가 첨단 기술 기업으로 이중 소프트웨어 인증 기업이자 수석 WeChat 개발 전문가로서 WeChat 마케팅 시스템, o2o 시스템, WeChat 배포, WeChat 애플리케이션 계정 소스 코드 프로그램, 전 세계 기업 고객 ”>

지속적인 학습
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="refresh" content="2;url=http://www.baidu.com"> </head> <body> <h1>欢迎加入php.cn</h1> <h2>希望你能够在这里学的开心</h2> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~