La comprensión de las etiquetas meta

En primer lugar, ¿cuál es meta tags

etiqueta meta proporciona metadatos sobre el documento HTML (metadatos son información acerca de los datos), los metadatos no se muestra en la página, pero para una lectura mecánica. Por ejemplo meta se utiliza para establecer una palabra clave, establecer la descripción de la página, el establecimiento de autor, juego de caracteres, establezca la página programada salto y así sucesivamente. meta tags colocados en la etiqueta de la cabeza, un conjunto de registro meta-buscador, buscar la optimización del motor tiene un papel crucial en el ranking.

Dos, meta tags papel

metadatos está disponible en la interpretación de la máquina, le dice a la máquina cómo analizar esta página, hay un propósito que se puede agregar al servidor envía al navegador http encabezado de contenido

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> //声明字符编码
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>

Tres, las etiquetas meta de uso común


<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!--百度禁止转码-->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面关键词 keywords -->
<meta name="keywords" content="your keywords">
<!-- 禁止自动翻译 -->
<meta name="renderer" content="webkit">
<!-- 较重要的是viewport属性。常用于移动端设计。 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
content 参数:
width viewport 宽度(数值/device-width)
height viewport 高度(数值/device-height)
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放(yes/no)
Publicado 23 artículos originales · ganado elogios 0 · Vistas 207

Supongo que te gusta

Origin blog.csdn.net/CCT912097957/article/details/105255999
Recomendado
Clasificación