» » Talk about meta tags

 

Talk about meta tags

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

59
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
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 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
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
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

<
  • 0 Comments
  • 0 Articles
19 December 2017 12:49

LelandTurcE

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
You could definitely see your expertise within the work you write. The arena hopes for even more passionate writers like you who are not afraid to say how they believe. At all times go after your heart.

<
  • 0 Comments
  • 0 Articles
22 December 2017 15:56

LelandTurcE

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
Hi! I could have sworn I've been to this website before but after browsing through a few of the articles I realized it's new to me. Regardless, I'm certainly happy I stumbled upon it and I'll be book-marking it and checking back often!

<
  • 0 Comments
  • 0 Articles
23 December 2017 05:22

LelandTurcE

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
When someone writes an article he/she maintains the image of a user in his/her mind that how a user can be aware of it. Thus that's why this post is perfect. Thanks!

wonderful submit, very informative. I'm wondering why the other specialists of this sector do not understand this. You must proceed your writing. I am confident, you've a great readers' base already!

<
  • 0 Comments
  • 0 Articles
24 December 2017 14:41

LelandTurcE

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
No matter if some one searches for his vital thing, thus he/she needs to be available that in detail, therefore that thing is maintained over here.

<
  • 0 Comments
  • 0 Articles
26 December 2017 15:05

LelandTurcE

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
Very good article! We will be linking to this great article on our site. Keep up the good writing.

<
  • 0 Comments
  • 0 Articles
8 January 2018 10:27

KerryOppof

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

<
  • 0 Comments
  • 0 Articles
9 January 2018 10:20

Soniahaw

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

<
  • 0 Comments
  • 0 Articles
10 January 2018 07:45

Brianculse

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
key autocad 2017
<a href="http://autocadtymafq.com/#">autocad viewer</a>
autocad request code 2011
autocad lt
curso completo de autocad 2017
<a href="http://autocadbnaqk.com/#">autocad 2017</a>
autocad business
autocad 2018
download autocad civil

<
  • 0 Comments
  • 0 Articles
11 January 2018 07:28

RonaldSmina

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
autocad 2013 design software 2d 3d
<a href="http://autocadbmjes.com/#">autocad download</a>
ver archivos autocad online
autocad download
a valid license could not be obtained autocad 2013
<a href="http://autocadtfesvb.com/#">autodesk autocad</a>
buy autocad 2013 for mac
cad
autocad 2011 service pack 2 download

<
  • 0 Comments
  • 0 Articles
11 January 2018 11:46

LwwEndax

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
how to use viagra
<a href="http://viagraazmhj.com/">what is viagra</a>
discount viagra
how does viagra work

<
  • 0 Comments
  • 0 Articles
15 January 2018 20:10

MatthewStope

Reply
  • Group: Guests
  • РRegistered date: --
  • Status:
 
casino slots free
free slots no download
<a href="http://casinobablogames.com/">free online slots</a>
casino games online

Previous Next
Information
Comment on the news site is possible only within (days) days from the date of publication.