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

Things to note when writing self-closing XHTML tags

The img tag in XHTML is so-called self-closing, w...

How to limit the input box to only input pure numbers in HTML

Limit input box to only pure numbers 1、onkeyup = ...

The principle and application of ES6 deconstruction assignment

Table of contents Array destructuring assignment ...

Detailed explanation of how to migrate a MySQL database to another machine

1. First find the Data file on the migration serv...

W3C Tutorial (11): W3C DOM Activities

The Document Object Model (DOM) is a platform, a ...

MySQL date functions and date conversion and formatting functions

MySQL is a free relational database with a huge u...

webpack -v error solution

background I want to check the webpack version, b...

HTML table markup tutorial (18): table header

<br />The header refers to the first row of ...

Analysis of the Linux input subsystem framework principle

Input subsystem framework The linux input subsyst...

Detailed explanation of json file writing format

Table of contents What is JSON Why this technolog...

The process of installing SVN on Ubuntu 16.04.5LTS

This article briefly introduces the process of se...

How to export CSV file with header in mysql

Refer to the official document http://dev.mysql.c...

Analysis of the difference between bold <b> and <strong>

All of us webmasters know that when optimizing a ...