Shulou(Shulou.com)06/02 Report--

This article analyzes with you "html meta tags and usage is what". The content is detailed and easy to understand. Friends interested in "what is meta tag and usage in html" can read it slowly and deeply along with the idea of Xiaobian. I hope it can help everyone after reading. Let's learn more about "meta tags and usage in html" together with Xiaobian.

Meta tags in Html

I. Meta tag meaning

Elements can provide meta-information about the page, such as descriptions and keywords for search engines and update frequency.

The tag is located at the head of the document and contains nothing.

The attributes of the tag define the name/value pairs associated with the document.

II. Common attributes in meta

charset (character set)

Description: Specifies the character encoding of HTML documents.

Usage:

2. viewport

Description: This is the visible area of the user's web page. As you all know, mobile screens tend to be much smaller than PC screens, and webkit maps a larger "virtual" window onto the mobile screen. The default virtual window is 980 pixels wide (the standard width for most websites today), and then zooms in at a certain ratio (3:1 or 2:1).

This means that when we load a normal web page, webkit loads the page at 980 pixels browser standard and then reduces it to 490 pixels wide. Note that this reduction is a global reduction, meaning that all elements on the page will be reduced.

Usage:

(1)width

width controls the size of the viewport, generally set to device-width for adaptation

(2)initial-scale

initial-scale: The initial scaling scale, which is the scaling scale when the page is first loaded.

(3)maximum-scale

maximum-scale Maximum scaling. That is, the maximum zoom allowed. This is also a floating point value indicating the maximum multiplier of page size compared to screen size.

(4)minimum-scale

minimum-scale: The smallest scale to which the user is allowed to zoom. Similar to maximum-scale.

(5)user-scalable

user-scalable User adjusts scaling. That is, whether the user can change the zoom level of the page. If set to yes, the user is allowed to change it, otherwise set to no.

3. keywords (keywords)

Description: A list of keywords for search engines. The keywords are separated by commas. Specify keywords that search engines use to improve search quality.

Usage:

4.description(description, introduction)

Description: Description is used to tell search engines the main content of your website.

Usage:

5.format-detection

Description: format-detection is used to detect some formats in html.

Usage: The format-detection attribute of meta mainly has the following settings:

metaname="format-detection"content="telephone=no"

metaname="format-detection"content="email=no"

metaname="format-detection"content="adress=no"

Metaname="format-detection"content="telephone=no,email=no,adress=no"

（1）telephone

You clearly write a string of numbers without a link style, and iPhone will automatically add a link style to your text, and click on this number will automatically dial! How do I remove this dial link? At this point, our meta should be displayed again. The code is as follows:

telephone=no prohibits converting numbers into dial-up links!

telephone=yes turns on the conversion of numbers to dial links. To turn on the conversion function, this meta does not need to be written. By default, it is turned on!

（2）email

Tell the device not to recognize the mailbox, click it and it will not be sent automatically.

email=no Forbidden as an email address!

email=yes opens the default text for email address, this meta does not need to be written, in the default case is open!

（3）adress

adress=no Jump to map prohibited!

Adress=yes opens the function of clicking on the address to jump directly to the map, which is opened by default!

6.apple-touch-fullscreen

Note: Add to the home screen, full-screen display.

Usage:

7.apple-mobile-web-app-capable

Description: This function removes the default Apple toolbar and menu bar. content has two values "yes" and "no", when we need to display toolbars and menu bars, this line meta does not need to be added, the default is displayed.

Usage:

8.App-Config

Description: Preserve history and animation effects

Usage:

9.msapplication-tap-highlight

Description: Click No Highlight (Highlight)

Usage:

HTML is the full name of html, it is a markup language, contains a series of tags. These tags can unify the format of documents on the network and connect scattered Internet resources into a logical whole. html text is descriptive text composed of html commands. html commands can describe text, graphics, animations, sounds, tables, links, etc., mainly used with css+js to build elegant front-end web pages.

About html meta tags and usage is what to share here, I hope the above content can let everyone improve. If you want to learn more, please pay more attention to the updates of Xiaobian. Thank you for your attention to the website!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.