>  기사  >  웹 프론트엔드  >  HTML 페이지 메타 소개(1)

HTML 페이지 메타 소개(1)

巴扎黑
巴扎黑원래의
2017-04-05 09:56:221485검색

아무리 훌륭한 개인 웹사이트라도 광활한 사이버 공간에 떠 있는 작은 배와 같아서 쉽게 발견되지 않습니다. 개인 웹사이트를 홍보하는 방법, 사람들이 가장 먼저 생각하는 방법은 더 이상 아무것도 아닙니다. 다음보다:

● 검색 엔진

에서 개인 웹사이트에 로그인하세요. ● 잘 알려진 웹사이트에 개인 웹사이트 링크 추가

● 포럼에 게시물을 게시하여 개인 웹사이트를 홍보하세요

많은 사람들이 HTML 태그 META의 강력한 효과를 무시합니다. 좋은 META 태그 디자인은 귀하의 개인 웹사이트가 검색될 가능성을 크게 높일 수 있습니다. 관심이 있으십니까? META 태그는 HTML 언어의 HEAD 영역에 있는 보조 태그로 HTML 문서의 헤드 부분에 있는 태그 사이에 위치합니다. . 메타 태그는 일반적으로 검색 엔진 로봇의 페이지 테마를 정의하거나 사용자 브라우저에서 쿠키를 정의하는 데 사용되며, 작성자를 식별하고, 페이지 형식을 설정하고, 콘텐츠 요약 및 키워드를 표시하는 데에도 사용할 수 있습니다. 자신을 새로 고칠 시간 간격을 정의하고 RASC 콘텐츠 수준 등을 설정합니다. </p> <p> META 태그는 HTTP 헤더 정보(HTTP-EQUIV)와 페이지 설명 정보(NAME)의 두 부분으로 나뉩니다. </p> <h2> <span style="color: #b22222">★HTTP 장비</span> </h2> <p> HTTP-EQUIV는 HTTP 헤더 프로토콜과 유사하며 웹 페이지 콘텐츠를 정확하고 정확하게 표시하는 데 도움이 되는 몇 가지 유용한 정보로 브라우저에 응답합니다. 일반적으로 사용되는 HTTP-EQUIV 유형은 다음과 같습니다. </p> <p> <span style="color: #b22222">1. Content-Type 및 Content-Language(표시 문자 집합 설정)</span></p> <p> 설명: 홈 페이지를 만드는 데 사용되는 텍스트와 언어를 설명하기 위해 페이지에서 사용하는 문자 집합을 설정합니다. 브라우저는 이를 기반으로 페이지 콘텐츠를 표시하기 위해 해당 문자 집합을 호출합니다. </p> <p> 사용법:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"></p> <p> ​​<메타 http-equiv="Content-Language" Content="zh-CN"></p> <p> 참고: META 태그는 HTML 페이지에서 사용되는 문자 세트를 국가 표준 중국어 문자 코드인 GB2132로 정의합니다. "charset=GB2312"가 "BIG5"로 바뀌면 이 페이지에 사용되는 문자 집합은 중국어 번체 Big5 코드입니다. 일부 외국 사이트를 탐색할 때 IE 브라우저는 페이지를 올바르게 표시하려면 xx 언어 지원을 다운로드해야 한다는 메시지를 표시합니다. 이 함수는 HTML 페이지 META 태그의 Content-Type 속성을 읽어 페이지를 표시하는 데 어떤 문자 집합을 사용해야 하는지를 아는 것입니다. 해당 문자 집합이 시스템에 설치되어 있지 않으면 IE는 다운로드하라는 메시지를 표시합니다. 다른 언어도 다른 문자 집합에 해당합니다. 예를 들어 일본어 문자 집합은 "iso-2022-jp"이고 한국어 문자 집합은 "ks_c_5601"입니다. <br> Content-Type의 콘텐츠는 text/xml 및 기타 문서 유형일 수도 있습니다. </p> <p> 문자 세트 옵션: ISO-8859-1(영어), BIG5, UTF-8, SHIFT-Jis, Euc, Koi8-2, us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2, 등. Content-Language의 내용은 EN, FR 및 기타 언어 코드일 수도 있습니다. </p> <p> <span style="color: #b22222">2. 새로고침 </span></p> <p> 설명: 웹 페이지가 새로 고쳐지는 데 걸리는 시간(초) 또는 웹 페이지가 자동으로 다른 웹 페이지에 연결되는 데 걸리는 시간입니다. <br> 사용법:<Meta http-equiv="Refresh" Content="30"><br> <Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net"><br> 참고: 5는 5초 동안 머물렀다가 자동으로 URL을 새로 고치는 것을 의미합니다. </p> <p> <span style="color: #b22222">3. 만료</span></p> <p> 설명: 캐시에 웹 페이지의 만료 시간을 지정합니다. 웹 페이지가 만료되면 서버에서 검색해야 합니다. </p> <p> 사용법: <Meta http-equiv="Expires" Content="0"></p> <p> ​ <Meta http-equiv="Expires" Content="1997년 2월 26일 수요일 08:21:57 GMT"></p> <p> 참고: GMT 시간 형식을 사용하거나 직접 0으로 설정해야 합니다(숫자는 만료 기간을 나타냄). </p> <p> <span style="color: #b22222">4. Pragma(캐시 모드)</span></p> <p> 설명: 브라우저가 로컬 시스템 캐시의 페이지 콘텐츠에 액세스하는 것을 금지합니다. </p> <p> 사용법: <Meta http-equiv="Pragma" Content="No-cach"></p> <p> 참고: 웹 페이지는 캐시에 저장되지 않으며 방문할 때마다 새로 고쳐집니다. 이 설정을 사용하면 방문자는 오프라인으로 탐색할 수 없습니다. </p> <p> <span style="color: #b22222">5. 세트-쿠키(쿠키설정)</span></p> <p> 참고: 브라우저가 페이지에 액세스하면 해당 페이지가 캐시에 저장되어 다음에 액세스할 때 속도를 향상시키기 위해 캐시에서 읽을 수 있습니다. 방문자가 매번 광고 아이콘을 새로 고치거나 카운터를 새로 고치기를 원할 경우 캐싱을 비활성화하십시오. 일반적으로 HTML 파일에 대한 캐싱을 비활성화할 필요가 없습니다. ASP와 같은 페이지의 경우 표시되는 모든 페이지가 서버에서 동적으로 생성되고 캐싱이 의미가 없기 때문에 캐싱을 비활성화할 수 있습니다. 웹페이지가 만료되면 저장된 쿠키가 삭제됩니다. </p> <p> 사용법:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; 만료=Wednesday,21-Oct-98 16:14:21 GMT; path=/"></p> <p> 참고: GMT 시간 형식을 사용해야 합니다. </p> <p> <span style="color: #b22222">6. 창-대상(표시 창 설정)</span></p> <p> 설명: 페이지가 현재 창에서 독립적인 페이지로 표시되도록 합니다. </p> <p> 사용법: <Meta http-equiv="Widow-target" Content="_top"></p> <p> 참고: 이 속성은 다른 사람이 프레임에서 페이지를 호출하는 것을 방지하는 데 사용됩니다. 콘텐츠 옵션: _blank, _top, _self, _parent. </p> <p> <span style="color: #b22222">7. Pics-라벨(웹페이지 RSAC 등급)</span></p> <p> 참고: IE의 인터넷 옵션에는 일부 제한된 웹사이트의 탐색을 방지할 수 있는 콘텐츠 설정이 있으며 웹사이트의 제한 수준은 이 매개변수를 통해 설정됩니다. </p> <p> 사용법: <META http-equiv="Pics-label" Contact="(PICS-1.1'http://www.rsac.org/atingsv01.html' 'inet@microsoft가 'RSACi North America Sever'에 댓글을 달았습니다. .com' for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))"></p> <p> 참고: 레벨을 너무 높게 설정하지 마십시오. RSAC의 평가 시스템은 웹 사이트 콘텐츠를 평가하기 위한 표준을 제공합니다. 사용자는 포르노 및 폭력적인 콘텐츠가 포함된 사이트를 제외하도록 Microsoft Internet Explorer(IE3.0 이상)를 설정할 수 있습니다. 위 예의 HTML은 Microsoft 홈페이지에서 가져온 것입니다. 코드에서 (n 0 s 0 v 0 l 0)은 해당 사이트에 부적절한 콘텐츠가 포함되어 있지 않음을 의미합니다. 등급은 American Entertainment Council의 등급 기관인 RSAC에 의해 결정됩니다. RSAC 등급 시스템의 등급 내용에 대해 더 알고 싶거나 자신의 웹사이트를 평가해야 하는 경우 RSAC 웹사이트(http)를 방문하세요. //www.rsac.org/. </p> <p> <span style="color: #b22222">8. 페이지-입력, 페이지-종료(입력 및 종료)</span></p> <p> 설명: 페이지가 로드되고 호출될 때 나타나는 몇 가지 특수 효과입니다. </p> <p> 사용법:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"><br> ​​<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)"><br> 참고: blendTrans는 페이드 효과를 생성하는 동적 필터 유형입니다. 또 다른 동적 필터인 RevealTrans를 페이지 시작 및 종료 효과에 사용할 수도 있습니다. </p> <p> <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, 전환=y)"></p> <p> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, 전환=y)"></p> <p> 지속시간은 필터 효과의 지속시간을 나타냅니다. (단위: 초) </p> <p> 전환 필터 유형. 사용할 특수 효과를 나타냅니다. 값은 0-23입니다. </p> <p> 0 직사각형 축소</p> <p> 1 직사각형 확장</p> <p> 2 원 축소</p> <p> 3서클 확장</p> <p> 4 아래에서 위로 새로고침</p> <p> 5 위에서 아래로 새로고침</p> <p> 6 왼쪽에서 오른쪽으로 새로고침</p> <p> 7 오른쪽에서 왼쪽으로 새로고침</p> <p> 수직블라인드 8개</p> <p> 가로블라인드 9개</p> <p> 오프셋 가로블라인드 10개</p> <p> 11 오프셋 수직블라인드</p> <p> 12포인트 스프레드</p> <p> 13 왼쪽에서 오른쪽으로 가운데로 새로고침</p> <p> 14 중앙에서 왼쪽, 오른쪽으로 새로 고침 </p> <p> 중앙부터 상하까지 15개</p> <p> 16 상하 중앙</p> <p> 17 오른쪽 아래에서 왼쪽 위</p> <p> 18 오른쪽 위에서 왼쪽 아래</p> <p> 19 왼쪽 위에서 오른쪽 아래</p> <p> 20 왼쪽 아래에서 오른쪽 위</p> <p> 가로바 21개</p> <p> 수직 막대 22개</p> <p> 23 위 22가지 유형 중 무작위로 선택 </p> <p> <span style="color: #b22222">9. MSThemeCompatible(XP 테마)</span></p> <p> 설명: IE에서 XP 테마를 끌지 여부</p> <p> 사용법: <Meta http-equiv="MSThemeCompatible" Content="Yes"></p> <p> 참고: win2k와 매우 유사한 XP의 파란색 3차원 버튼 시스템 표시 스타일을 끄십시오. </p> <p> <span style="color: #b22222">10, IE6(페이지 빌더)</span></p> <p> 설명: 페이지 생성기 생성기는 ie6</p> <p>입니다. 사용법: <Meta http-equiv="IE6" Content="Generator"></p> <p> 참고: 재질은 유사한 제품의 제조업체에 따라 다릅니다. </p> <p> <span style="color: #b22222">11. 콘텐츠-스크립트-유형(스크립트 관련)</span></p> <p> 설명: 이는 페이지의 스크립트 유형을 지정하는 최근 W3C 사양입니다. </p> <p> 사용법: <Meta http-equiv="Content-Script-Type" Content="text/javascript"><br><br></p> <p> </p><p>위 내용은 HTML 페이지 메타 소개(1)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>성명:</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사:<a class="dBlack" title="HTML에서 ID와 NAME의 차이점" href="http://m.php.cn/ko/faq/360072.html">HTML에서 ID와 NAME의 차이점</a></span><span>다음 기사:<a class="dBlack" title="HTML에서 ID와 NAME의 차이점" href="http://m.php.cn/ko/faq/360077.html">HTML에서 ID와 NAME의 차이점</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="http://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ko/faq/348757.html" title="HTML 지식 요약" class="aBlack">HTML 지식 요약</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348804.html" title="HTML을 빨리 배우는 방법" class="aBlack">HTML을 빨리 배우는 방법</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348873.html" title="html xhtml xml의 차이점" class="aBlack">html xhtml xml의 차이점</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348884.html" title="src와 href 속성의 차이점" class="aBlack">src와 href 속성의 차이점</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348902.html" title="HTML5 및 CSS 대체 사용 정보" class="aBlack">HTML5 및 CSS 대체 사용 정보</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><p>집</p></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><p>강의</p></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/ko/login"><b class="icon5"></b><p>나의</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ko/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><span>집</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><span>강의</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/article.html"><b class="icon3"></b><span>기사</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/dic.html"><b class="icon6"></b><span>사전</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course/type/99.html"><b class="icon7"></b><span>수동</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/xiazai/"><b class="icon8"></b><span>다운로드</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/faq/zt" title="주제"><b class="icon12"></b><span>주제</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ko/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ko/" >집</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/article.html" class="hover">기사</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/course.html" >강의</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/faq/zt" >주제</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/xiazai" >다운로드</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/game" >게임</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/dic.html" >사전</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>