HTML의 메타 태그는 무엇입니까? 메타태그 속성 소개-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML의 메타 태그는 무엇입니까? 메타태그 속성 소개

青灯夜游

Sep 11, 2018 pm 06:07 PM

html 메타태그

이번 장에서는 HTML의 메타 태그가 무엇인지 소개하겠습니다. 메타 태그의 속성을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

메타태그란 무엇인가요?

메타 태그는 HTML 태그의 헤드 영역에 있는 핵심 태그입니다. HTML 문서의

와 ;제목>). 그것이 제공하는 정보는 비록 사용자에게 보이지는 않지만 문서의 가장 기본적인 메타정보입니다. 메타 태그는 작성자, 날짜 및 시간, 웹 페이지 설명, 키워드, 페이지 새로 고침 등과 같은 HTML 웹 문서의 속성을 설명하는 데 사용됩니다. 참고: 메타 정보는 정보에 대한 정보입니다. 메타 정보를 통해 서버는 전송된 데이터에 대한 정보를 제공할 수 있습니다. 예를 들어 http는 전송된 객체 언어를 개선할 수 있으며 조건부 요청을 구현하고 트랜잭션을 보고하는 데에도 사용할 수 있습니다. 완성. 데이터를 수신하는 브라우저는 메타 정보를 기반으로 서버가 어떤 콘텐츠를 전송하는지, 어떤 데이터가 예상되는지, 완전한 데이터가 수신되는지, 그 과정에서 오류가 있는지 여부를 판단하여 클라이언트가 전송되는 유형을 알 수 있습니다. 물체. 메타태그의 속성은 무엇인가요? <img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/402/350/428/1536659975962189.jpg" class="lazy" title="1536659975962189.jpg" alt="HTML의 메타 태그는 무엇입니까? 메타태그 속성 소개"> 속성에 대한 자세한 설명: 1. http-equiv 은 http의 파일 헤더 기능과 동일합니다. 브라우저가 콘텐츠를 올바르게 표시하는 데 도움이 되는 몇 가지 유용한 정보를 반환할 수 있습니다. 웹페이지의 . 구문: <meta http-equiv="parameter" content="매개변수 값"> 매개변수: 1) content-Type(페이지에서 사용되는 문자 집합 설정)<pre class='brush:php;toolbar:false;'><metahttp-equiv="content-Type" content="text/html;charset=gb2312"></pre>http-equiv= Content -Type은 브라우저에 웹 페이지 정보를 묻는 HTTP 헤더 프로토콜을 나타냅니다. meta 태그의 문자 집합 정보 매개 변수가 GB2312인 경우 웹 사이트에서 사용하는 인코딩이 중국어 간체라는 의미입니다. 태그 문자 집합 정보 매개 변수가 BIG5와 같은 경우 웹 사이트에서 사용하는 인코딩이 중국어 번체라는 의미이고, meta 태그 문자 집합의 정보 매개 변수가 iso-2022-jp와 같은 경우 사용되는 인코딩을 의미합니다. meta 태그의 문자 집합은 다음과 같습니다. 정보 매개 변수가 ks_c_5601과 같은 경우 해당 웹 사이트에서 사용하는 인코딩이 한국어라는 의미입니다. ISO-8859-1은 웹사이트에서 사용하는 인코딩이 영어라는 것을 의미합니다. 메타 태그의 문자 세트는 UTF-8과 같은 정보 매개변수가 세계의 보편적 언어 인코딩을 나타냅니다. 2) content-Language; 언어 설정) <pre class='brush:php;toolbar:false;'><meta http-equiv="Content-Language" content="zh-cn"/></pre>3) 만료(기간, 웹 페이지의 만료 시간을 설정하는 데 사용할 수 있습니다. 일단 웹 페이지가 만료되었으므로 서버로 다시 전송해야 합니다)<pre class='brush:php;toolbar:false;'><meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT"></pre>참고: GMT의 시간 형식은 반드시 사용됩니다. 4) Pragma(캐시 모드, 브라우저가 로컬 컴퓨터 캐시의 페이지 콘텐츠에 액세스하는 것을 금지함)<pre class='brush:php;toolbar:false;'><meta http-equiv="Pragma" content="no-cache"></pre>참고: 이 설정을 사용하면 방문자가 오프라인으로 탐색할 수 없습니다. 5) 캐시 제어(캐시 설정) <pre class='brush:php;toolbar:false;'><meta http-equiv="cache-control" content="no-cache"></pre>요청 시 캐시 지침에는 응답 메시지에 no-cache, no-store, max-age, max-stale, min-fresh, only-if-cached가 포함됩니다. 지침에는 공개, 비공개, 캐시 없음, 저장 없음, 변환 없음, 재검증 필수, 프록시 재검증 및 최대 수명이 포함됩니다. 각 메시지에 포함된 지침의 의미는 다음과 같습니다. Public은 모든 캐시 영역에서 응답을 캐시할 수 있음을 나타냅니다. Private은 단일 사용자에 대한 전체 또는 부분 응답 메시지를 공유 캐시에서 처리할 수 없음을 나타냅니다. 이를 통해 서버는 사용자의 부분 응답 메시지만 설명할 수 있으며 이는 다른 사용자 요청에는 유효하지 않습니다. no-cache는 요청 또는 응답 메시지를 캐시할 수 없음을 나타냅니다. no-store는 중요한 정보가 저장되는 것을 방지하는 데 사용됩니다. 실수로 출시되었습니다. 요청 메시지에 이를 보내면 요청 메시지와 응답 메시지 모두 캐싱을 사용하게 됩니다. max-age는 클라이언트가 지정된 시간(초)보다 크지 않은 수명으로 응답을 받을 수 있음을 나타냅니다. min-fresh는 클라이언트가 현재 시간에 지정된 시간을 더한 것보다 짧은 응답 시간으로 응답을 받을 수 있음을 나타냅니다. max-stale 클라이언트가 제한 시간 이후에 응답 메시지를 수신할 수 있음을 나타냅니다. max-stale 메시지 값을 지정하면 클라이언트는 지정된 제한 시간 값을 초과하는 응답 메시지를 수신할 수 있습니다. 6) 새로고침(자동으로 새로고침하고 새 페이지를 가리킴)<pre class='brush:php;toolbar:false;'><meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)</pre>참고: 2는 2초 동안 머물렀다가 자동으로 URL을 새로 고치는 것을 의미합니다. 7) Window-target (현재 창에서 페이지를 강제로 독립 페이지로 표시) <pre class='brush:php;toolbar:false;'><meta http-equiv="Window-target" content="_top"></pre>참고: 프레임 내에서 다른 사람이 자신의 페이지를 호출하는 것을 방지하기 위해 사용됩니다. 8) set-cookie (쿠키 설정, 웹페이지가 만료되면 저장된 쿠키는 삭제됩니다) <pre class='brush:php;toolbar:false;'><meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/"></pre> 일반적으로 서버에서 페이지를 다시 얻기 위해 브라우저가 캐시를 설정하지 않도록 강제하는 방법은 다음과 같은 방법을 사용합니다. : <pre class='brush:php;toolbar:false;'><meta http-equiv=”pragma” content=”no-cache”> <meta http-equiv=”cache-control” content=”no-cache”> <meta http-equiv=”expires” content=”0″></pre> 2. name 속성 name 속성은 주로 웹 페이지를 설명하는 데 사용되며 해당 속성 값은 content 입니다. 콘텐츠에 포함된 콘텐츠는 주로 검색 엔진 로봇이 정보를 찾고 분류하는 데 사용됩니다. 구문: <pre class='brush:php;toolbar:false;'><meta name="参数" content="具体的参数值"></pre>Keywords(키워드) 설명: 키워드는 검색 엔진에 웹 페이지의 키워드가 무엇인지 알려주는 데 사용됩니다. <pre class='brush:php;toolbar:false;'><meta name="keywords" content=""></pre>description(网站内容描述)说明：description用来告诉搜索引擎你的网站主要内容。<pre class='brush:php;toolbar:false;'><metaname="description" content=""></pre>robots(机器人向导)说明：Meta robots标签管理着搜索引擎是否可以进入网页，你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。content的参数有all,none,index,noindex,follow,nofollow。默认是all。<pre class='brush:php;toolbar:false;'><metaname="robots" content="none"></pre>具体参数如下：信息参数为all：文件将被检索，且页面上的链接可以被查询；信息参数为none：文件将不被检索，且页面上的链接不可以被查询；信息参数为index：文件将被检索；信息参数为follow：页面上的链接可以被查询；信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询；author(作者)说明：标注网页的作者<pre class='brush:php;toolbar:false;'><metaname="author" content="jesse131work@163.com"></pre>generator说明：meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。<pre class='brush:php;toolbar:false;'><metaname="generator" content="信息参数"/></pre>copyright　　说明：meta标签的copyright的信息参数，代表说明网站版权信息。<pre class='brush:php;toolbar:false;'><metaname="copyright" content="信息参数"></pre>revisit-after　　说明：revisit-after代表网站重访,7days代表7天，依此类推，假如我设置，那这样搜索引擎就是7天来一次。使用这个标签的网站，通常是因为网站数据量非常大，被搜索引擎过于频繁的抓取，会占用过大的资源，影响网站的访问。所以，希望搜索引擎不要天天过来，抓取过一次了，那么等7天后再来。一般的网站是不需要这个标签的。<meta name="revisit-after" content="7days">view-point　　说明：主要影响移动页面布局<pre class='brush:php;toolbar:false;'><meta name="viewport" content="width=device-width, initial-scale=1.0"></pre>content 参数：width viewport 宽度(数值/device-width)height viewport 高度(数值/device-height)initial-scale 初始缩放比例maximum-scale 最大缩放比例minimum-scale 最小缩放比例user-scalable 是否允许用户缩放(yes/no)3.content属性 content属性一般与name和http-equiv属性一起用，视它们的值而定。4.charset属性charset属性，是html5的属性，可替换<metahttp-equiv="content-Type" content="text/html;charset=gb2312">设置为<meta charset="utf-8">设置meta属性的作用是什么？ meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。meta标签可用于缓存设置，还与SEO优化相关。SEO是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎检索原则并且对用户更友好（Search Engine Friendly），从而更容易被搜索引擎收录及优先排序从属于SEM（搜索引擎营销）。通俗理解是：通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和goog的排名提高，让搜索引擎给你带来客户。 seo优化常用语句如下<pre class='brush:php;toolbar:false;'> <title>your title</title>  <meta name="keywords" content="your keywords">  <meta name="description" content="your description">  <meta name="author" content="author,email address">  <meta name="robots" content="index,follow"></pre>

위 내용은 HTML의 메타 태그는 무엇입니까? 메타태그 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undress AI Tool

무료로 이미지를 벗다

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

ArtGPT

Stock Market GPT

더 현명한 결정을 위한 AI 기반 투자 연구

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Related knowledge

Windows에서 상담을 설치하는 방법 Sep 29, 2025 am 10:27 AM

1. 공식 웹 사이트로 이동하여 다운로드하십시오 : https://www.consul.io/downloads.html2. 감압 : 3. 환경 변수 설정 : e : \ programfiles \ consul을 추가하는 경로; 4.CMD 시작 : Consulagent-Dev5. URL을 열면 http : // localhost : 8500을 열면 관련 서비스에서 발견 된 인터페이스와 인터페이스를 볼 수 있습니다.

HTML에서 비 분쇄 공간을 추가하는 방법은 무엇입니까? Sep 26, 2025 am 06:57 AM

Toaddanon-Breakingspaceinhtml을 사용하여 "Mr.Smith"OrinMeasurements와 같은 "10kg"을 예방하는 breaksandpreservingspacesbetpesspacesbetspesspaces bewords infroperformatting을 사용하십시오.

HTML에서 NAV 요소를 사용하는 방법은 무엇입니까? Sep 26, 2025 am 06:25 AM

whenavelementIsusedTodeFinemaJornavigationLinksectionsInhtml, enipancingAccessibilityandSemantics.itprimaryNavigationGroupsLikesEitemenus, 사이드 바 링크, orpagination, multiplenavelementsCanusedformistIncIntInstinc

HTML에서 음소거 된 비디오를 자동으로 선출하는 방법 Oct 04, 2025 am 12:55 AM

HTML 비디오의 자동 재생을 달성하려면 자동 재생, 음소거 및 재생 사업 라인 특성을 사용하십시오. 대부분의 최신 브라우저는 비디오를 자동으로 재생하도록 요구하고, Muted Muted는이 조건을 충족하며, PlaysInline은 전체 화면 대신 iossafari 인라인 재생을 보장하고, 제어는 컨트롤 바를 표시하는 데 선택적으로 사용됩니다. 퇴치 해야하는 경우 javaScript를 통해 사용자 상호 작용 후 video.muted = false를 설정할 수 있습니다. 프로그래밍 방식으로 트리거되면 먼저 음소거로 설정하고 가능한 오류를 포착해야합니다. 이러한 속성을 올바르게 추가하고 파일 경로를 확인하여 교차 장치 호환 자동 재생을 달성하십시오.

PHP에서 HTML 태그를 반향하는 방법 Sep 29, 2025 am 02:25 AM

PHP에서 HTML을 출력하려면 단일 따옴표 또는 탈출 된 이중 따옴표를 사용하십시오. 속성 인용 충돌을 피하기 위해 단일 따옴표로 문자열을 랩핑하는 것이 좋습니다. 동적 컨텐츠는 가변 스 플라이 싱 또는 Heredoc 구문과 함께 생성 될 수 있습니다.

HTML에서 전화 입력을 만드는 방법 Oct 04, 2025 am 04:23 AM

USETYPE = "TEL"INGTMLINPUTTOCREATEETELEPHONEFIED, MobileKeyboardsandimprovesUserExperience를 최적화하는 것; EnhanceIttributeslikePattern, 필요, 최대 및 AUTOMOMELLETINGFORVALIDATIONADUSIVERIDINUED.

HTML 요소를 나란히 만드는 방법 Oct 04, 2025 am 12:39 AM

Flexbox, Inline-Block 또는 Grid를 사용하여 HTML 요소를 나란히 표시합니다. 1. Flexbox는 디스플레이를 통해 가장 권장되는 가장 권장됩니다 : Flex; 2. 인라인 블록은 빈 간격에주의를 기울여야한다. 3. 그리드는 복잡한 레이아웃에 적합하며 그리드 테일 플레이트 컬럼을 사용하여 열을 정의합니다.