A small collection of html Meta tags

A small collection of html Meta tags

<Head>……</head> indicates the file header of <HTML>, which is used to explain the file name and related information about the file itself. Usually this part of the tags declares this web page: default language encoding, keywords, software used, etc.

Meta tags can be divided into two parts, HTTP title information (HTTP-EQUIV) and page description information (NAME). The following table describes the HTTP header information.

Table 1 HTTP header information (HTTP-EQUIV) table

content-type Display character set <Meta http-equiv="content-type" content ="text/html;charset=GB2312>
refresh Let the page refresh itself or jump at a specified time <Meta http-equiv=”refresh” content=”30;url=http://weibo.com/jjseen”>
expires Specify the expiration time of the web page cache <Meta http-equiv=”expires” content=”0”> <!-- Expires soon-->
cach Whether to allow the browser to access the cache from the local machine <Meta http-equiv="cach" content="NO-cach"> <!-- Disable, do not save web pages, refresh every time you visit -->
set-cookie Whether to disable cookies or make them invalid <Meta http-equiv=”set-cookie” content=”cookievalue=××;expires=Wednesday,21……/>
window-target Force the page to be displayed <Meta http-equiv="window-target" content="_top/> forces the page to be displayed as an independent page in the current window. It can also be used to prevent others from calling the page in a frame. The content options are _blank, _top, _self, and _parent.
page-enter,page-exit Special effects settings for page entry and exit <Meta http-equiv=”page-enter” content=”blendTrans(Duration=0.5)”>This actually uses CSS filters.

Meta's page description information (NAME) is used to explain and describe the web page. The name describes the web page and corresponds to the content, so that search robots can find and classify it. The value of name (name="") specifies the type of information provided, some of which

The value is already defined, such as description, keyword, refresh, etc. You can also specify other arbitrary values, such as creationdate, documentID, Level, etc. The following table shows the specific syntax:

Table 2 HTTP description information table

keywords Declare the keywords of the web page and let the search engine automatically complete the keyword index. <Meta name=”keywords” content=”HTML,HTML header,HTTP-EQUIV,meta”/>
Description Describes the main content of the website. Search engines will also use this attribute to retrieve the website, but it will not be displayed. <Meta name=”Description” content=”This blog post explains HTML head related tags”/>
Robots Robot wizard, used to tell the robot which pages need to be indexed and which do not. <Meta name=”Robots” contents=”All|None|Index|Noindex|Follow|NoFollow”>
all: Files will be indexed. None files are not indexed and links on the page cannot be searched. (Same effect as "NoIndex,NoFollow").Index: The file will be retrieved. Follow: Links on the page can be queried.
Author Page Author <Meta name=”Author” content=”jjseen,[email protected]”/>
Copyright Used to mark copyright <Meta name=”Copyrightng” content=”Copyright”/>
Generator Editor
revisit-after Set the revisit interval in days. (I am still not sure what this tag does) <Meta name=”revisit-after” content=”7 days”>

Meta has some other tags, which are also organized as shown in the table below:

Table 3 Meta other tags

scheme A meaningful label describing the content <Meta scheme=”ISBN” name=”identifier” content=”0-14-042152”>
link Link to a file <link href=”logo.ico” rel=”Shortcut Icon”>Small icon displayed after adding to favorites, small icon on the address bar
base Base Link <base href=”http://weibo.com/jjseen” target=”_blank”>After using this statement, all relative paths on the web page will automatically be added with the previous address when linking.

<<:  How to deploy the crownblog project to Alibaba Cloud using docker

>>:  Difference between MySQL update set and and

Recommend

Improvements to the web server to improve website performance

<br />In the first section of this series, w...

How to implement https with nginx and openssl

If the server data is not encrypted and authentic...

jQuery implements percentage scoring progress bar

This article shares the specific code of jquery t...

JavaScript exquisite snake implementation process

Table of contents 1. Create HTML structure 2. Cre...

Ubuntu 18.04 MySQL 8.0 installation and configuration method graphic tutorial

This article shares the installation and configur...

JavaScript to implement retractable secondary menu

The specific code for implementing the retractabl...

Example of converting webpack images to base64

Download url-loader yarn add -D url-loader module...

What to do if you forget your password in MySQL 5.7.17

1. Add skip-grant-tables to the my.ini file and r...

Vue.js front-end web page pop-up asynchronous behavior example analysis

Table of contents 1. Preface 2. Find two pop-up c...

Detailed explanation of JavaScript stack and copy

Table of contents 1. Definition of stack 2. JS st...

CUDA8.0 and CUDA9.0 coexist under Ubuntu16.04

Preface Some of the earlier codes on Github may r...

How to view the creation time of files in Linux

1. Introduction Whether the creation time of a fi...

Understanding of the synchronous or asynchronous problem of setState in React

Table of contents 1. Is setState synchronous? asy...