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

집

웹 프론트엔드

HTML 튜토리얼

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

青灯夜游

Sep 11, 2018 pm 06:07 PM

html 메타태그

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

메타태그란 무엇인가요?

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

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

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

본 웹사이트의 성명

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