Detailed description of the function of meta name="" content="
|
1. Grammar: <meta name="name" content="string"/> 2. Parameter analysis: a. Name item: Common options include keywords, description (website content description), author, robots (robot wizard), etc. b. http-equiv item: can be used to replace the name item. Common options include Expires (expiration), Pragma (cache mode), Refresh (refresh), Set-Cookie (cookie setting), Window-target (display window setting), content-Type (display character set setting), etc. c. Content item: The string to be filled in this item is determined by the definition of the name item or http-equiv item. 3. Application a. Tell the browser the file type and language type that the web page recognizes. For example, if we want the browser to recognize the Simplified Chinese web page of HTM/HTML type, we can write: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> b. Let some search engines search your web page. The code can be written like this: <meta name="keywords" content="Webpage keywords" /> <meta name="description" content="Webpage description text" /> To ensure that automatic search engines can easily search your web pages, you must pay attention to the following points: 1. You need to define the meta tag items and define the first 200 characters of the homepage text as text that reflects the theme of the homepage. Because some navigation platforms index the keywords in the meta items as well as the first 200 characters in the text. Such as: altavista. Therefore, some people check the registration results after registering the navigation platform and find that the description in the navigation platform is not what you want, but text such as copyright description. The reason for this phenomenon is that this point has not been noticed. 2. Place the meta tag item that defines the keywords before the meta item that defines the description. like: <meta type="keywords" content=".......,...,..."/> <meta type="description" content="...,....,..."/> 3. Put the most important keywords first and place related keywords next to each other. All lowercase letters and capital letters coexist because some navigation stations are sensitive to the case of characters when indexing. Do not exceed 250 words including punctuation 4. It is best not to use a frame structure for the home page, because after the frame divides the screen into multiple windows, the navigation center cannot intelligently select the home page in the correct window to index. c. Let a page automatically switch to another page or site after a certain period of time, such as: <meta http-equiv="refresh" content="6; url=http://hi.baidu.com/tesalo/" /> The 6 in content represents the time in seconds. The URL you want to redirect to is followed by url=. If it is in the same directory as your current web page, you can directly write the file name, such as: <meta http-equiv="refresh" content="6; url=page1.htm" /> d. Let the web page refresh every once in a while. If you want to refresh it every 10 seconds, write the code like this: <meta http-equiv="refresh" content="10"> e. Meta can be used to create some special effects when you enter a page. The specific applications are as follows: <meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=n)" /> The value range of n is 0-23, and the specific meanings are as follows: 0 Rectangle shrinks 1 Rectangle expands 2 Circle shrinks 3 Circle expansion 4 Down to top |
<<: Introduction to 10 online development tools for web design
>>: A brief analysis of how MySQL implements transaction isolation
Recommend
Perfectly install Mac OS10.14 under Win10 VM virtual machine (graphic tutorial)
I recently watched Apple's press conference a...
Database index knowledge points summary
Table of contents First Look Index The concept of...
Vue uses canvas handwriting input to recognize Chinese
Effect picture: Preface: Recently, I was working ...
HTML insert image example (html add image)
Inserting images into HTML requires HTML tags to ...
About ROS2 installation and docker environment usage
Table of contents Why use Docker? Docker installa...
Some front-end basics (html, css) encountered in practice
1. The div css mouse hand shape is cursor:pointer;...
DOM operation table example (DOM creates table)
1. Create a table using HTML tags: Copy code The ...
Example of adding music video to HTML page
1. Video tag Supports automatic playback in Firef...
Idea deployment tomcat service implementation process diagram
First configure the project artifacts Configuring...
Docker implements container port binding local port
Today, I encountered a small problem that after s...
How to import, register and use components in batches in Vue
Preface Components are something we use very ofte...
Detailed explanation of global parameter persistence in MySQL 8 new features
Table of contents Preface Global parameter persis...
MySQL 5.7.21 winx64 free installation version configuration method graphic tutorial
MySQL 5.7.21 winx64 free installation version con...
Drawing fireworks effect of 2021 based on JS with source code download
This work uses the knowledge of front-end develop...
Vue event's $event parameter = event value case
template <el-table :data="dataList"&...