» » Talk about meta tags

 

Talk about meta tags

Author: bamboo06 on 9-04-2017, 00:20, views: 3641

104
The Meta tag is an auxiliary tag for the HTML language head area, which is located between the head tag and the title tag in the head of the HTML document, which provides information that is not visible to the user. It can be used for browsers (how to display content or reload pages), search engines (keywords), or other web services.
I am now front-end page development often used meta tag content compiled into the mobile side of the web development meta information for the needs of access.
Talk about meta tags

1, declare the character encoding used in the document
<meta charset='utf-8'> 

or:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

The meta tag defines the HTML page used by the character set utf-8, is the universal code. It can be in the same page shows the Japanese, Korean, and other languages (such as Chinese simplified, traditional) and so on.
And now we generally recommend the use of the first wording, but also HTML5 use of the wording.

2, declare the use of the browser and version
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

When the specified content value is IE = edge, chrome = 1, the preferred version of IE and Chrome. Assuming that the client installs the Google Chrome Frame, the chrome rendering engine is used in IE to render the page, otherwise the page will be rendered using the client's highest standard mode.
There are several ways to set up:
<meta http-equiv="X-UA-Compatible" content="IE=6" /><!-- use IE6 --> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><!-- use IE7 --> 
<meta http-equiv="X-UA-Compatible" content="IE=8" /><!-- use IE8 --> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--Indicates that IE displays the content in the highest available mode--> 


3, SEO optimization related
Page description, each page should have a description tag that does not exceed 150 characters and can accurately reflect the content of the page.
<meta name="description" content="No more than 150 characters" /> 

Page keywords, each page should have a unique set of keywords that describe the content of the page.
Use people to search and describe accurately descriptive and representative keywords and phrases on the information provided on the page.
<meta name="keywords" content="html5, css3, other keywords"/>  

Define web author, not necessary.
<meta name="author" content="Goocode" /> 


4, page redirection and refresh: content within the number represents the time (seconds), how much time after the refresh. If you add url, it will redirect to the specified page.
<meta http-equiv="Refresh"  contect="5;url=http://www.goocode.net" /> 

The above code means that after 5 seconds to stay automatically refresh to jump to the URL URL http://www.goocode.net.

5, Expires page expiration time
<meta http-equiv="Expires" contect="Mon,12 May 2016 00:20:00 GMT" /> 

Set the expiration date of the page, once expired must be re-called to the server, it should be noted that must use the GMT time format, or directly set to 0 (not cache).

6, Pragma prohibits local cache
<meta http-equiv="Pragma" contect="no-cache" /> 

The settings page is not saved in the cache, and the page is refreshed for each visit. This setting, visitors will not be able to browse offline.

7, viewport mobile device screen visible area
Because the width of the mobile device is different from the traditional web, we need to change the viewport value.
Most of the 4.7-5 inch device viewport wide set to 360px; 5.5-inch device set to 400px; iphone6 set to 375px; ipone6 plus set to 414px.
Width - the width of the viewport (range from 200 to 10,000, defaults to 980 pixels)
Height - height of viewport (range from 223 to 10,000)
Initial-scale - the initial scale (range from> 0 to 10)
Minimum-scale - the minimum percentage allowed to be scaled by the user
Maximum-scale - the maximum percentage allowed to be scaled by the user
User-scalable - whether the user can manually scale (no, yes)
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Force the width of the document and the device to 1: 1;
The maximum width of the document is 1.0 (initial-scale initial scale value and maximum scale maximum scale value);
User-scalable Defines whether the user can manually scale (no for non-scaling), so that the page is fixed on the size of the device;
Note: the actual test found that some Android system comes with the browser does not support this rule, to the page to enlarge, once the amplified response box also will be enlarged, resulting in page problems, the solution: the definition of the page Minimum width.
body { 
    min-width: 320px; 
} 

Note that many people use the initial-scale = 1 to non-responsive Web site, which will allow the site to render in 100% width, the user needs to manually move the page or zoom. If user-scalable = no or maximum-scale = 1 is used with initial-scale = 1, the user will not be able to zoom in / out to see the entire contents.
There are some of the following settings for meta on mobile devices.

8, WebApp full screen mode: camouflage app, offline applications.
<meta name="apple-mobile-web-app-capable" content="yes" /> 


9, hide the status bar / set the status bar color: only in the open WebApp full screen mode to take effect. The value of content is default | black | black-translucent.
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 


10, the title added to the main screen
<meta name="apple-mobile-web-app-title" content="title" /> 


11, ignore the number automatically recognized as the phone number
<meta content="telephone=no" name="format-detection" />  


12, ignore the identification of the mailbox
<meta content="email=no" name="format-detection" /> 


More Meta tags related information I will continue to update, thanks for the attention.

Tags: meta, tag

Category: CSS / HTML5

Dear visitor, you are browsing our website as Guest.
We strongly recommend you to register and login to view hidden contents.
<
  • 0 Comments
  • 0 Articles
12 November 2017 06:27

Paul Leblanc

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
Way cool! Some extremely best essay writing service valid points! I appreciate you writing this post plus the rest of the website is also really good.

<
  • 0 Comments
  • 0 Articles
20 November 2017 20:29

AndrewLet

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
small order cialis
<a href="http://cialisdmngj.com/#">cheap cialis</a>
fake cialis pills
cheap cialis
acheter cialis discount

<
  • 0 Comments
  • 0 Articles
20 November 2017 22:42

Leonardsax

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
order cialis professional online
<a href="http://cialisdmngj.com/#">cheap cialis online</a>
can buy cialis uk
cheap cialis
cialis buy toronto

<
  • 0 Comments
  • 0 Articles
21 November 2017 05:07

BerthaWob

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
payday advance direct lenders
quick payday loans
<a href="https://loanstrast.com/">small cash loans</a>
what is cash advance
cash loan online
<a href="https://loansfast.us.com/">payday loans no checking account</a>
no hassle loans

<
  • 0 Comments
  • 0 Articles
22 November 2017 11:30

Carolvew

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
loan stores
fast money online
<a href="https://loanstrast.com/">las vegas payday loans</a>
personal loan with bad credit

<
  • 0 Comments
  • 0 Articles
23 November 2017 15:01

VictorVobby

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
buy cialis online germany
<a href="http://cialismbvi.com/#">buy cialis online</a>
cheapest cialis price
cialis online
cialis professional buy

cialis buy in australia
<a href="http://cialismbvi.com/#">cialis online</a>
buy cialis online overnight
cialis online
cialis sale au

<
  • 0 Comments
  • 0 Articles
23 November 2017 17:52

Carrieflofe

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
quik cash
payday loans az
<a href="https://loanstrast.com/">need money now bad credit</a>
long term loan bad credit

<
  • 0 Comments
  • 0 Articles
24 November 2017 14:35

LouisTig

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
http://pharmacybest.host-sc.com/buy_viagra_super_active_en-us.html
<a href="http://viagramndet.com/#">viagra cost</a>
safest online pharmacy for viagra
cost of viagra
how often can you take viagra 100mg

<
  • 0 Comments
  • 0 Articles
24 November 2017 14:55

SarahMeern

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
payday loan direct lender
same day payday loans
<a href="https://loanstrast.com/">advance cash america</a>
cash advance loans

<
  • 0 Comments
  • 0 Articles
25 November 2017 13:54

Geraldrep

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
generic viagra does it exist
<a href="http://viagramhbfe.com/#">best price for viagra</a>
the best viagra to buy
best price for viagra
viagra sale in nigeria

<
  • 0 Comments
  • 0 Articles
26 November 2017 13:34

Bettyjeaxy

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
lend money online
direct payday lenders only
<a href="https://loanstrast.com/">direct loan lenders</a>
apply for a personal loan

<
  • 0 Comments
  • 0 Articles
26 November 2017 23:28

PatrickExork

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
cheap cialis online uk
<a href="http://cialisopghe.com/#">cialis coupons</a>
buy viagra cialis uk
cialis coupons printable
how to buy cialis in uk

<
  • 0 Comments
  • 0 Articles
27 November 2017 02:31

YvonneFer

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
payday loans
payday loans online
<a href="https://loanstrast.com/">payday loans</a>
payday loans online

<
  • 0 Comments
  • 0 Articles
27 November 2017 08:10

CharlesLaf

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
buy cheapest cialis online
<a href="http://cialisopghe.com/#">coupon for cialis</a>
cialis pills in uk
cialis coupon 20 mg
genuine cialis sale

<
  • 0 Comments
  • 0 Articles
29 November 2017 04:01

EricaSeemi

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
loans online
online loans
<a href="https://loanstrast.com/">payday loans online</a>
online loans

<
  • 0 Comments
  • 0 Articles
29 November 2017 06:42

Derekfoend

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
buy cialis germany
<a href="http://cialisfbvne.com/#">cialis without a doctor's prescription</a>
viagra and cialis for sale
cialis without a doctor prescription
cialis pills from canada

<
  • 0 Comments
  • 0 Articles
29 November 2017 13:48

JosephGedly

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
viagra prescribed online
<a href="http://viagramnkjm.com/#">viagra without doctor</a>
generic viagra is it legal
viagra without a doctor
jelly viagra sale

<
  • 0 Comments
  • 0 Articles
30 November 2017 04:32

Ronaldsah

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
can take 2 50mg viagra once
<a href="http://viagramnkjm.com/#">viagra without a doctor’s prescription</a>
hard sell evolution of a viagra salesman amazon
viagra without a doctor’s prescription
how to get dr to prescribe viagra

<
  • 0 Comments
  • 0 Articles
30 November 2017 14:30

Susannatierb

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
online payday loans
pay day loan
<a href="https://smajloans.com/">payday loans</a>
pay day loan
payday loans
<a href="https://loanstrast.com/">online payday loans</a>
payday loan online
pay day loan
<a href="https://loansfast.us.com/">payday loans online</a>
payday loans

<
  • 0 Comments
  • 0 Articles
1 December 2017 16:04

CraigPsype

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
online gambling software
<a href="http://online-casino.party/#">casino online</a>
online casino online vegas
casino online
instant play online casino usa

<
  • 0 Comments
  • 0 Articles
2 December 2017 09:41

DonnaWeade

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
cash advance loans
online loans
<a href="https://smajloans.com/">payday loans</a>
payday advance
payday advance
<a href="https://loanstrast.com/">online loans</a>
online payday loans
payday loan online
<a href="https://loansfast.us.com/">payday loans</a>
payday loans online

<
  • 0 Comments
  • 0 Articles
2 December 2017 13:38

utaletmzym

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
hsebrqdr http://yogaheaters.com cheap viagra online <a href="http://yogaheaters.com/">cheap viagra online</a> fclc order viagra

<
  • 0 Comments
  • 0 Articles
2 December 2017 14:01

Jasonbeark

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
online casino casino site
<a href="http://online-casino.party/#">casino online</a>
live online blackjack dealers
online casino
top sa online casinos

<
  • 0 Comments
  • 0 Articles
3 December 2017 01:31

GloriaShola

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
payday loan online
pay day loans
<a href="https://smajloans.com/">cash loans</a>
payday loans no credit check
payday loan online
<a href="https://loanstrast.com/">payday loan online</a>
payday loan online
payday loans no credit check
<a href="https://loansfast.us.com/">payday loans online</a>
payday loans online

<
  • 0 Comments
  • 0 Articles
3 December 2017 14:39

BruceAmode

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
blackjack for macs
<a href="http://online-casino.party/#">online casinos</a>
online casino usa paypal
casino real money
cherry casino

<
  • 0 Comments
  • 0 Articles
3 December 2017 18:16

Keithler

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
<a href="https://www.newcarbattery.download/car-battery-brands/fiat-scudo-nato
-220p-1996-2006-bosch-s3-battery-70ah-electrical-replace-part.php">Fiat Scudo Nato 220P 1996-2006 Bosch S3 Battery 70Ah Electrical Replace Part</a>
Seat Exeo St 3R5 2009-2016 Bosch S3 Battery 77Ah Electrical System Replace Part
<a href="https://www.cheapcarbattery.webcam/kinetik-car-audio-battery/jeep-cj5
-cj8-1983-1987-banner-buffalo-bull-105ah-replacement-electrical-system.php"
>Jeep Cj5 Cj8 1983-1987 Banner Buffalo Bull 105Ah Replacement Electrical System</a>
Skoda Rapid Nh1 2012-2016 Banner Starting Bull 55Ah Electrical Battery Replace
<a href="https://www.carbatterybuy.bid/electric-car-battery-pack/vauxhall-fron
tera-mk1-mk2-1991-2004-vetech-battery-70ah-electrical-replace-part.php">
Vauxhall Frontera Mk1 Mk2 1991-2004 Vetech Battery 70Ah Electrical Replace Part</a>
Renault Super 5 B/C40 S40 1984-1996 Bosch S4 Battery 74Ah Electrical Part
<a href="https://www.salecarbattery.accountant/car-battery-corrosion/lancia-mu
sa-350-2004-2016-vetech-battery-55ah-electrical-system-replacement-part.php"
;>Lancia Musa 350 2004-2016 Vetech Battery 55Ah Electrical System Replacement Part</a>
Fits Hyundai Highway 2000-2016 Bosch S3 Battery 56Ah Electrical Replace Part

<
  • 0 Comments
  • 0 Articles
4 December 2017 16:14

JamesExpag

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
cialis pills viagra
<a href="http://viagrajnmeo.com/#">viagra without doctor</a>
12.5 mg viagra
viagra without prescription
cheapest viagra online in uk

<
  • 0 Comments
  • 0 Articles
4 December 2017 18:08

Robertvar

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
viagra online miglior prezzo
<a href="http://viagrajnmeo.com/#">viagra without a doctor prescription</a>
viagra online versand deutschland
viagra without a doctor
is generic viagra as good as brand name

<
  • 0 Comments
  • 0 Articles
5 December 2017 13:19

Louisewandy

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
cash loans
online payday loans
<a href="https://smajloans.com/">cash loans</a>
cash advance
payday advance
<a href="https://loanstrast.com/">payday loans</a>
payday loans no credit check
cash advance
<a href="https://loansfast.us.com/">cash advance</a>
online loans

<
  • 0 Comments
  • 0 Articles
7 December 2017 12:08

Marthaglild

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
slot machines
free casino games
<a href="http://real777money.com/">free online casino games</a>
play casino online

Previous Next

Add comments

Name:*
E-Mail:
Comment:
Bold Italic Underline Strike | Align left Center Align right | Insert smilies Insert link URLInsert protected URL Select color | Add Hidden Text Insert Quote Convert selected text from selection to Cyrillic (Russian) alphabet Insert spoiler
Security Code: *