Meta tag detailed (transfer)

xiaoxiao2021-03-06  37

Indian (http://www.xia8.net/) collects, if there is an incomplete place, or a missed place, please, I will update it in time, thank you!

introduction

Your personal site is even wonderful, in the "vast sea" network space, as a leaf boating is not easy to discover, how to promote personal websites, people first think of the following: ● In search engine Logger your own personal website ● Join your personal website link in a well-known website

● In the forum, post the post to promote your personal website

Many people ignore the powerful effects of HTML tag Meta, a good META label design can greatly improve your possibility of your personal website, is interested, who I will meet Meta tabs!

The META tag is an auxiliary tab of the HTML language HEAD area, which is located between the tag and tag of the HTML document header, which provides user invisible information. Meta tags are often used to define page topics for search engine Robots, or define cookies on the user browser; it can be used to identify authors, set page formats, labeling content, and keywords; you can also set them according to You define the time interval refresh yourself, and set the RASC content level, and so on.</p> <p>Detail</p> <p>The following describes some examples of markers and explanations.</p> <p>Meta tags are divided into two parts: HTTP Title Information (HTTP-Equiv) and Page Description Information (Name).</p> <p>★ http-equiv</p> <p>HTTP-Equiv is similar to the HTTP's head protocol, which responds to some useful information to help correct and accurately display web content. Common HTTP-Equiv is:</p> <p>1, Content-Type and Content-Language (setting the character set)</p> <p>Description: Set the character set used by the page to show that the text used by the home page has been language, the browser will call the corresponding character set to display the Page content according to this.</p> <p>Usage: <meta http-equiv = "content-type" content = "text / html; charSet = GB2312"> <meta http-equiv = "content-language" content = "zh-cn"></p> <p>Note: The Meta tab defines that the character set used by the HTML page is GB2132, which is the national standard Chinese code. If "Charset = GB2312" is replaced with "BIG5", the character set used by this page is the traditional Chinese BIG5 code. When you browse some foreign sites, the IE browser will prompt you to display the page correctly to download XX language support. This feature is to know which character set you need to use by reading the Content-Type property you need to use by reading the HTML page Meta tag. If there is no corresponding character set in the system, IE prompts to download. Other languages ​​also correspond to different charSets, such as Japanese character sets are "ISO-2022-JP", and Korean is "KS_C_5601". Content-Type's Content can also be: Text / XML and other document types; Charset options: ISO-8859-1 (English), 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 and other character sets; Content-Language's Content can also be: EN, FR and other languages. 2, refresh (refresh)</p> <p>Description: How long is the web page (seconds) refreshes yourself, or let the web page automatically link to another web page after how long it is. Usage: <meta http-equiv = "refresh" content = "30"> <meta http-equiv = "refresh" content = "5; URL = http://www.xia8.net"> Note: 5 is Refers to the URL URL after staying for 5 seconds.</p> <p>3, Expires (Limited)</p> <p>Description: Specifies the expiration time in the cache, once the web page expires, you must re-see it on the server. Usage: <meta http-equiv = "expires" Content = "0"> <meta http-equiv = "expires" content = "WED, 26 Feb 1997 08:21:57 GMT"> Note: Must use the GMT time format Or directly set to 0 (how much time expiration is expressed).</p> <p>4, PRAGMA (CACH mode)</p> <p>Description: Prohibiting the browser from calling the page content from the cache of the local machine. Usage: <meta http-equiv = "pragma" Content = "NO-CACH"> Note: The web page is not saved in the cache, each access is refreshed. This setting is set, and the visitor will not be able to browse it offline.</p> <p>5, set-cookie (cookie setting)</p> <p>Note: When the browser accesses a page, it will be read from the cache for the next time it is accessible next time to increase the speed. When you want visitors to refresh your ads every time, or to refresh your counter every time, you should disable the cache. Usually the HTML file does not have to disable the cache, for the ASP, you can use the disable cache, because each time you see is dynamically generated in the server, the cache is lost. If the web is expired, the cookie of the store will be deleted. Usage: <meta http-equiv = "set-cookie" content = "cookievalue = xxx; expires = Wednesday, 21-Oct-98 16:14:21 gmt; path = /"> Note: The time format of GMT must be used. 6, window-target (setting window setting)</p> <p>Note: Forced page is displayed in a stand-alone page at the current window. Usage: <meta http-equiv = "widow-target" Content = "_ TOP"> Note: This property is used to prevent others from calling your page in the frame. Content option: _blank, _top, _seelf, _parent.</p> <p>7, PICS-Label (Web RSAC Level Evaluation) Description: There is a content setting in the IE's Internet option to prevent some restricted websites, and the restriction level of the website is set by this parameter. Usage: <meta http-equiv = "pics-label" contert = "(PICS-1.1'http: //www.rsac.org/Ratingsv01.html 'I Gen Comment' RSACI North America Sever 'by' inet @ Microsoft. Com 'for' http://www.microsoft.com 'on' 1997.06.30T14: 21-0500 'R (N0 S0 V0 L0)) "></p> <p>Note: Do not set the level setting too much. The RSAC's assessment system provides a standard for evaluating the content of the Web site. The user can set Microsoft Internet Explorer (IE3.0 or more) to exclude sites that contain pornographic and violent content. HTML in this example is taken from the home page of Microsoft. The code in the code (N 0 S 0 V 0 L 0) indicates that the site does not contain unhealthy content. Level Evaluation is evaluated by RSAC, namely the US Entertainment Board, if you want to learn more about the RSAC evaluation system, or you need to evaluate your own website, you can access RSAC's site: http://www.rsac .org /.</p> <p>8, Page-Enter, Page-EXIT (Enter and Exit)</p> <p>Note: This is some special effects when the page is loaded and called out. Usage: <meta http-equiv = "Page-enter" Content = "BlendTrans (duration = 0.5)"> <meta http-equiv = "Page-exit" content = "BlendTrans (duration = 0.5)> Note: BlendTrans is One of the dynamic filters produces a gradient effect. Another dynamic filter RevealTrans can also be used for page access and exit effects: <meta http-equiv = "page-enter" content = ""> <meta http-equiv = " Page-exit "Content =" ReveAltrans (duration = x, transition = y)></p> <p>Duration indicates the duration of the filter (unit: second) Transition Filter Type. Which effect is used to use, with a value of 0-23.</p> <p>0 rectangular reduction 1 rectangular expansion 2 round reduction 3 round expansion 4 to the upper refresh 5 to bottom refresh 6 left left to right refresh 7 right to left refresh 8 vertical shutters 9 horizontal shutters 10 misplaced horizontal window 11 misalite vertical shutters 12 points Diffusion 13 to the intermediate refresh 14 to the middle to the left and right refreshes 15 to the upper and lower 16 to the middle 17. Right down left 18 upper right upper left 19 left to the left to the upper right 20 left down to the upper right 21 horns 22 vertical strips 23 or more 22 kinds of random selection Species</p> <p>9, MSthemeCompatible (XP Topic) Description: Whether to close XP in IE: <meta http-equiv = "msthemecompatible" Content = "YES"> Note: Close XP Blue Stereo Button System Display Style, thus and Win2k Very icon.</p> <p>10, IE6 (Page Generator) Description: Page Generator Generator, is IE6 Usage: <meta http-equiv = "IE6" Content = "Generator"> Note: What to do, similar product manufacturers.</p> <p>11, Content-Script-Type Description: This is a recent W3C specification, indicating the type of script in the page. Usage: <meta http-equiv = "Content-script-type" content = "text / javascript"> Note:</p> <p>★ Name variable</p> <p>Name is a description of the webpage, corresponding to Content (web content), so that the search engine robot looks for, classification (currently almost all search engines use online robots to automatically find meta values ​​to page categories). Name's value value (name = ") specifies the type of information provided. Some values ​​are already defined. For example, Description, Keyword (keyword), refresh, etc. You can also specify any other value, such as: CreationDate, Document ID, and Level (level). Name's content specifies the actual content. Such as: If the Level is specified for value (value), Content may be Beginner, Intermediate, Advanced. 1. Keywords Description: Use the keyword list for the search engine: <meta name = "keywords" content = "keyword 1, keyword 2, keyword 3, keyword 4, ..."> Note : The key words are used in English comma "," separated. Meta's usual use is a keyword for specifying a search engine to improve search quality. When several Meta elements provide document language slave information, the search engine uses the LANG feature to filter and display the search results through the user's language priority reference. For example: <meta name = "Kyewords" lang = "en" content = "VACATION, Greece, Sunshine"> <meta name = "Kyewords" lang = "fr" content = "Vacances, Grè: CE, Soleil"></p> <p>2, Description (Introduction) Description: Description is used to tell the search engine your main content of your website. Usage: <meta name = "description" content = "Brief description of your web"> Note:</p> <p>3, Robots (Robot Wizard) Description: Robots is used to tell Search Robots which pages need to index, which pages do not need to index. Content's parameters include All, None, INDEX, NOINDEX, FOLLOW, NOFOLLOW. The default is all. Usage: <meta name = "Robots" Content = "All | None | index | noindex | follow | NOFOLLOW"> Note: Many search engines log in to the website by discloses Robot / Spider search, these Robot / Spider is used to use Meta Some of the features of the elements determine how to log in.</p> <p>All: The file will be retrieved, and the link on the page can be queried; NONE: The file will not be retrieved, and the link on the page cannot be queried; (and "noIndex, no follow starts the same role) INDEX: File Searched; (Let Robot / Spider Login) FOLLOW: The link on the page can be queried; noIndex: file will not be retrieved, but the link on the page can be queried; (Do not let Robot / Spider login) NOFOLLOW: File will not Searched, the link on the page can be queried. (Do not let Robot / Spider to disclose the connection to this page) 4, Author (Author) Description: Name the author or production group usage of the web page: <meta name = "author" content = "Zhang 3, ABC @ sina .com> Note: Content can be: You or your name, or email</p> <p>5, copyright (copyright) Description: Note Copyright Use: <meta name = "Copyright" Content = "This page is copyrighted by Zerospace All .all Rights Reserved"> Note:</p> <p>6, Generator Description: Description of the editor: <meta name = "generator" content = "PCData | FrontPage |> Note: Content =" You used the editor "</p> <p>7, Revisit-After Description: Usage: <meta name = "revisit -After" Content = "7 days"> Note:</p> <p>★ Other usage in HEAD</p> <p>1, Scheme (Solution) Description: Scheme Can BE Used When Name of Content Should Be Interpreted. Usage: <meta scheme = "ISBN" Name = "Identifier" Content = "0-14-043205- 1 "/> Note:</p> <p>2, LINK Description: Link to File Usage: <link href = "soim.ico" rel = "shortcut icon"> Note: If you save her in the recipient, I will find it. A small icon, if you click again, you will find a small icon in the address bar. Now you can easily implement this feature as long as you add this passage. <Link> is used to connect the current file with other URLs, but there is no connection button, and is used in the <head> tag, the format is as follows: <link href = "url" rel = "rateship"> <link href = " URL "REV =" Relationship "> 3, Base (Base Link) Description: Insert a web page base link Attribute usage: <base href =" http://www.xia8.net/ "target =" _ blank "> Note: Your page All relative paths on the link will be added in front of "http://www.cn8cn.com/". Among them, Target = "_ blank" is the link file open in the new window, you can do other settings. Change "_blank" to "_parent" is the link file opens in the parent window of the current window; change to "_self" link file open in the current window (frame); change to "_top" link file full screen display.</p> <p>The above is some basic usage of the Meta label, where the most important thing is: Keywords and Description settings. why? The truth is very simple. These two statements can make the search engine can discover you accurately, attract more people to visit your site! According to the current schematic of the current search engine (Google, Lycos, Altavista, the search engine first-send robot Automatically search on WWW, when you discover new sites, you can easily retrieve keywords and description in the page, and add it to your own database, then sort the site according to the density of keywords.</p> <p>From this point of view, we must remember to add Keywords and Description's Meta tags, and can write keywords and profiles as much as possible. Otherwise, the consequences will be: ● If you don't have Keywords and Description of the Meta tags at all in your page, the robot cannot join your site to the database, and netizens cannot search for your site.</p> <p>● If your keyword is selected, the keyword is not high, and it is also very small to be cashed out after tens or even millions of sites.</p> <p>Write keywords (Keyword) Watch the following points:</p> <p>● Do not use common vocabulary. For example, WWW, Homepage, Net, Web, etc.</p> <p>● Do not use adjectives, adverbs. For example, the best, biggest, etc.</p> <p>● Do not use general vocabulary to be accurate as possible. For example, "Ericsson Mobile Phone", it will be better to use "T28SC".</p> <p>"Triple trip, there must be my teacher", the skills to find the right keyword is: Go to Google, Lycos, Alta and other famous search engines, search for websites related to your website content, see the top ten website Meta Keywords, use them on your website, can be known.</p> <p>★ Tips</p> <p>In order to improve search clicks, there are some "shortcuts" to help you: ● In order to increase the density of keywords, hide keywords in the page (definition of text color is the same as background colors).</p> <p>● Add keywords in the ALT annotation statement of the image. Such as: <img src = "xxx.gif" alt = "keywords"></p> <p>● Use the HTML annotation statement to add a large number of keywords in the page code. Usage: <! - Insert Keywords-></p> <p><head> <title> file header, displayed in the browser title area </ title> <meta http-equiv = "content-language" content = "zh-cn"> <meta http-equiv = "content-type" Content = "text / html; charSet = GB2312"> <meta name = "generator" content = "microsoft frontPage 4.0"> <meta name = "progid" content = "frontpage.editor.document"> <meta name = "producer "Content =" Tang Rong Sheng "> <meta name =" keyword "content =" HTML web page parts> </ head></p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-57014.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="57014" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.043</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'M_2FN_2F_2BaWDfizknjB6VZmicTwjW7hl868sBH6Vob1Pp43n0mm0_2Fht10OSuV66MleQWt4cpABrYw9Gx8NDa'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>