Meta tags in simple terms

Meta tags in simple terms

The META tag, commonly referred to as the tag, is an important HTML tag in the source code of an HTML web page. The META tag is used to describe the properties of an HTML web page document, such as author, date and time, web page description, keywords, page refresh, etc.

1. Viewport

XML/HTML CodeCopy content to clipboard
  1. < meta   name = "viewport"   content = "width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"   />    

(1) width controls the size of the viewport. You can specify a value, such as 640 or a special value; device-width is the width of the device (in pixels of CSS scaled to 100%);

(2) initial-scale: the initial zoom ratio when the page is first loaded;

(3) maximum-scale: the maximum scale to which the user is allowed to zoom, ranging from 0 to 10.0;

(4) minimum-scale: The minimum scale to which the user is allowed to zoom, ranging from 0 to 10.0;

(5) user-scalable: Whether the user can manually scale. The value can be: yes or true to allow the user to scale; no or false to not allow the user to scale.

2. content="IE=edge"

XML/HTML CodeCopy content to clipboard
  1. < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >    

X-UA-Compatible is a proprietary <meta> attribute of IE8, which tells IE8 which IE version to use to render the web page, and is used in the <head> tag of HTML;

IE=edge, if the system has IE8 or above installed, the highest version of IE will be used for rendering; otherwise, this setting can be ignored.

3. Renderer

<meta name="renderer" content="webkit|ie-comp|ie-stand">

Specifies how dual-core browsers render pages by default.

webkit default webkit kernel;

ie-comp default IE compatibility mode;

ie-stand default IE standards mode;

The writing of webkit|ie-comp|ie-stand is based on the priority of the order. If it is not supported, it will go down. The browser will select the rendering kernel it has to process the current web page in order from left to right.

Currently supported browsers include: 360

4. apple-mobile-web-app-title

XML/HTML CodeCopy content to clipboard
  1. < meta   name = "apple-mobile-web-app-title"   content = "Blog Park" >    

The default name when sending to the screen

5. format-detection

XML/HTML CodeCopy content to clipboard
  1. < meta   name = "format-detection"   content = "telephone=no"   /> // Tell the device to ignore the numbers in the page as phone numbers
  2.   < meta   name = "format-detection"   content = "email=no"   /> //Do not let Android recognize the mailbox

<<:  About Vue's 4 auxiliary functions of Vuex

>>:  CSS3 to achieve floating cloud animation

Recommend

Div adaptive height automatically fills the remaining height

Scenario 1: Html: <div class="outer"...

How to implement the jQuery carousel function

This article shares the implementation code of jQ...

How to use vue3 to build a material library

Table of contents Why do we need a material libra...

Website background music implementation method

For individual webmasters, how to make their websi...

Common symbols in Unicode

Unicode is a character encoding scheme developed ...

Detailed explanation of the method of comparing dates in MySQL

If there is a table product with a field add_time...

Vue two fields joint verification to achieve the password modification function

Table of contents 1. Introduction 2. Solution Imp...

How to deploy FastDFS in Docker

Install fastdfs on Docker Mount directory -v /e/f...

HTML table markup tutorial (48): CSS modified table

<br />Now let's take a look at how to cl...

MySQL triggers: creating and using triggers

This article uses examples to describe the creati...

Example code of Vue3 encapsulated magnifying glass component

Table of contents Component Infrastructure Purpos...

An article to quickly understand Angular and Ionic life cycle and hook functions

Table of contents Angular accomplish Calling orde...

Detailed Tutorial on Installing VirtualBox 6.0 on CentOS 8 / RHEL 8

VirtualBox is a free and open source virtualizati...