Explicación detallada de las metaetiquetas y su uso en html.

Se acabaron las tonterías, comenzamos el tema de hoy.

html/11675.html">metaetiqueta en HTML

El elemento <meta> proporciona metainformación sobre la página, como descripción y palabras clave para motores de búsqueda y frecuencia de actualización.

La etiqueta <meta> se encuentra al principio del documento y no contiene ningún contenido.

Los atributos de la etiqueta <meta> definen los pares de nombre/valor asociados con el documento.

1. juego de caracteres (conjunto de caracteres)

Descripción: Especifica la codificación de caracteres de los documentos HTML.

Uso: <meta charset=UTF-8>

2. ventana gráfica (ventana gráfica)

Descripción: Es el área visible de la página web del usuario. Todo el mundo sabe que la pantalla de los dispositivos móviles es generalmente mucho más pequeña que la de las PC. El navegador webkit asignará una ventana virtual más grande a la pantalla del dispositivo móvil. La ventana virtual predeterminada tiene 980 píxeles de ancho (el ancho estándar actual de la mayoría de los sitios web). ) y luego escale según una proporción determinada (3:1 o 2:1).

Es decir, cuando cargamos una página web normal, webkit primero cargará la página web con el estándar del navegador de 980 píxeles y luego la reducirá a un ancho de 490 píxeles. Tenga en cuenta que esta reducción es una reducción global, es decir, se reducirán todos los elementos de la página.

uso:

 <meta id=nombre de la ventana gráfica=contenido de la ventana gráfica=ancho=ancho del dispositivo; escala-inicial=1.0; escala-máxima=1;

(1) ancho

El ancho controla el tamaño de la ventana gráfica, generalmente configurado en el ancho del dispositivo para fines adaptativos.

(2) escala inicial

escala inicial: la relación de escala inicial, es decir, la relación de escala cuando la página se carga por primera vez.

(3) escala máxima

escala máxima Escala máxima. Es decir, el grado máximo de escalamiento permitido. Este también es un valor de punto flotante que indica el multiplicador máximo del tamaño de la página en comparación con el tamaño de la pantalla.

(4) escala mínima

escala mínima: la escala mínima a la que el usuario puede hacer zoom. Similar al uso de escala máxima.

(5) escalable por el usuario

escalable por el usuario Escala ajustable por el usuario. Es decir, si el usuario puede cambiar el nivel de zoom de la página. Si se establece en sí, el usuario puede cambiarlo; de lo contrario, es no.

3. palabras clave

Descripción: una lista de palabras clave proporcionadas para los motores de búsqueda. Utilice comas para separar cada palabra clave. Especifique las palabras clave que utilizan los motores de búsqueda para mejorar la calidad de la búsqueda.

Uso: <Meta nombre=Contenido de palabras clave=Palabras clave 1, Palabras clave 2, Palabras clave 3, Palabras clave 4,…>

4. descripción (descripción, introducción)

Descripción: La descripción se utiliza para indicar a los motores de búsqueda el contenido principal de su sitio web.

Uso ：<Meta name=Description Content=你网页的简述>

Cinco, detección de formato (detección de formato)

Descripción: la detección de formato se utiliza para detectar algunos formatos en html.

Uso: El atributo de detección de formato de meta tiene principalmente las siguientes configuraciones:

 meta nombre=detección de formato contenido=teléfono=no meta nombre=detección de formato contenido=correo electrónico=no meta nombre=detección de formato contenido=dirección=no

También puedes escribirlo en sucesión: meta name=format-detection content=telephone=no,email=no,adress=no

(1)teléfono

Claramente escribiste una cadena de números sin agregar un estilo de enlace, pero el iPhone agregará automáticamente un estilo de enlace a tu texto y, al hacer clic en el número, se marcará automáticamente. ¿Cómo eliminar este enlace de acceso telefónico? En este momento, nuestro meta debería mostrar su poder mágico nuevamente. El código es el siguiente:

teléfono=no desactiva la conversión de números en enlaces de acceso telefónico.

phone=yes habilita la conversión de números en enlaces de acceso telefónico. Para habilitar la función de conversión, no es necesario escribir este meta. ¡Está habilitado de forma predeterminada!

(2)correo electrónico

Dígale al dispositivo que no reconozca la dirección de correo electrónico y que no la envíe automáticamente después de hacer clic en ella.

email=no está prohibido como dirección de correo electrónico.

email=yes activa el texto y utiliza de forma predeterminada la dirección de correo electrónico. No es necesario escribir este meta. ¡Está activado de forma predeterminada!

(3) dirección

dirección=no ¡prohíbe saltar al mapa!

dirección=yes habilita la función de hacer clic en la dirección para saltar directamente al mapa. ¡Está habilitada de forma predeterminada!

6. pantalla completa táctil de Apple

Descripción: Después de agregarlo a la pantalla de inicio, se mostrará en pantalla completa.

Uso: <meta name=apple-touch-fullscreen content=yes>

7. compatible con aplicaciones web móviles de Apple

Descripción: La función es eliminar la barra de herramientas y la barra de menú predeterminadas de Apple. El contenido tiene dos valores, sí y no. Cuando necesitamos mostrar la barra de herramientas y la barra de menú, no es necesario agregar esta línea de meta.

Uso: <meta name=apple-mobile-web-app-capable content=yes />

8. Configuración de la aplicación

Descripción: Mantenga registros históricos y efectos de animación.

Uso: <meta name=App-Config content=fullscreen=yes,useHistoryState=yes,transition=yes/>

9. msapplication-toque-resaltado

Descripción: Haga clic en Sin resaltar (resaltar)

Uso: <meta name=msapplication-tap-highlight content=no>

Lo anterior es la explicación detallada de las metaetiquetas y el uso en HTML presentada por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!