Home > Web Front-end > HTML Tutorial > Examples to explain some usage techniques of META tags in HTML_HTML/Xhtml_Web page production

Examples to explain some usage techniques of META tags in HTML_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:36:13
Original
1908 people have browsed it

HTML meta tag

HTML meta tag can be used to provide information about web page content to browsers or search engines. For example, description of web page content, important keywords of web pages, web page encoding, etc. are commonly used meta tags to mark web page information. In addition, there are also web pages Less important information such as the author, web page publication time, and editor used can also be marked through META TAG. The function of META is only used to indicate these web page information and provide it to browsers or search engines. It is not written for "people" who browse the web.

HTML meta tag written in head example

XML/HTML CodeCopy content to clipboard
  1. <head>
  2. <title>Test pagetitle>
  3. <meta name="description" content="This is a short description of the web page">
  4. <meta name="keywords" content="Keyword 1,Keyword 2">
  5. head> 

The standard tag has no end. Just write the parameters directly in the . There can be many different tags in a web page, and they must all be written in the head tag. The title tag in the example is used to indicate the title of the web page. It can be written before the tag or after the tag.

1. Display and arrangement of Chinese

XML/HTML CodeCopy content to clipboard
  1. <META http-equiv="Content-Type " content="text/html; charset=big5">

Description:
Content-Type==>File content format
>;==>Everything to be done in CONTENT " ", separated by semicolons
text/html= =>Pure text/hypertext
charset==>The character set is Chinese Traditional Big Five, if iso-2022-jp is used, it refers to Japanese


2. Make it easy for search engines to find you

XML/HTML CodeCopy content to clipboard
  1. <META NAME="KeyWords" CONTENT="Computer teaching'Network teaching'Linux teaching'CSS teaching'HTML teaching'Software teaching'Sending letters teaching'SEO teaching'Exchange Link">
  2. <META NAME="KeyWords" CONTENT="css'HomePage'html'linux'seo">

Note: Keywords in the web page can be used in both Chinese and English


3. Description of website content

XML/HTML CodeCopy content to clipboard
  1. <META NAME="Description" CONTENT="This is a good place to learn web page production for free, Network Institute">

Description: Description==>Main description of the content


4. Who is the author of this webpage

XML/HTML CodeCopy content to clipboard
  1. <META NAME="Author" CONTENT="PCNET">

Instructions: Mark the name of the author of this webpage and other information


5. This is a web page completed using He editor

XML/HTML CodeCopy content to clipboard
  1. <META NAME="Generator" CONTENT="Mozilla/3.0Gold(Win95)[Netscape]">

Instructions:
Mark the name of the author of this webpage and other information
Generator==>Editor
Mozilla/3.0Gold(Win95)[Netscape]==>Editor and other version notes


6. When will this webpage be completed?

XML/HTML CodeCopy content to clipboard
  1. <META NAME="Creation-Date" CONTENT="01-jan-2003 20:40:01">

Description:
Creation-Date==>Creation date
01-jan-2003 20:40:01==>Detailed date and time


7. The validity period of this webpage is not restricted by Cache

XML/HTML CodeCopy content to clipboard
  1. <META NAME="Expired" CONTENT="01-jan-2005 00:00:00">
  2. " Pragma"
  3. CONTENT="no_cache"> Note: Expired==>Webpage termination period01-jan-2005 00:00:00==>The date and time that has passed, you can also use Mon, 12 Jan 2007 00:00 :00 GMTno_cache==> is not restricted by Cache, that is, the web page has no memory function. 8. Website author’s website and email address
XML/HTML Code


Copy content to clipboard



<

link
rev=
"made"
  1. href="mailto:pcnettw@yahoo.com.tw"> <link rev=
  2. "made"
  3. href="http://www.pcnet.idv.tw/"> > 9. Enable the web page to change pages automatically XML/HTML CodeCopy content to clipboard




    <

    META

    HTTP-EQUIV

    =
    "refresh"
    CONTENT
      =
    1. "15; url=http://www.pcnet.idv.tw/"> ; Description: refresh==>Update or reorganize15==>Execute the next action after 15 seconds;==>Everything to be done in CONTENT" " , separated by semicolons url=http://www.pcnet.idv.tw/==>Specify to convert to this web page 10. Special effects for entering or leaving (only for IE) XML/HTML CodeCopy content to clipboard





      <

      META

      http-equiv

      =
      "Specify to change The situation in which page special effects occur "
      content
        =
      1. "Special effect mode (Duration=special effect duration, Transition=replacement special effect)"> 

        Description:
        http-equiv="Page-Enter is to enter this page, Page-Exit is to leave this page, Site-Enter is to enter this site, Site-Exit is to leave this site".
        content="revealTrans (specify the page change effect), blendTrans (set the page change effect to "mixed").
        Duration=Set the duration of the special effect (seconds), it is recommended to be between 3-5 seconds .
        Transition=Replace special effects with 0-23 (omitted).


        Note:

        It must be placed between and . It is mainly used to describe the content of this webpage for the benefit of yourself or others (search engines). In addition, you can also create some automatic page turning, etc. Special effects.

        The http-equiv or NAME attribute must be used in conjunction with the content attribute, and the two can also be used interchangeably.
        The usage of META description tag varies according to the settings of each search engine.
        The presence or absence of the Meta tag does not affect the normal display of the web page. Its biggest purpose is to provide various information on the web page and produce special effects.
        When using the web page, it is recommended to mainly use the tags mentioned in 1.2.3.4.8 on this page, and the rest can be added or deleted according to the situation.
        You can use the view source code to see the actual arrangement of this example.
        For more reporting materials, please visit the lecturer (author) website.

      Related labels:
      source:php.cn
      Statement of this Website
      The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template