meta标签

最新推荐文章于 2024-04-25 14:21:48 发布

Sophia1010

最新推荐文章于 2024-04-25 14:21:48 发布

阅读量164

点赞数

CC 4.0 BY-SA版权

分类专栏：前端基础

本文链接：https://blog.youkuaiyun.com/sophia1010/article/details/79248957

前端基础专栏收录该内容

27 篇文章

订阅专栏

本文详细介绍了HTML中的元标签(meta)的概念及用途，包括其两大类别HTTP-EQUIV和NAME的使用场景，如设置文档编码、DNS预加载、防止电话号码自动转换以及移动端适配等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、概念
1. meta描述网页文档属性的标签。一般提供字符文档集、作者、日期、网页描述、关键词、页面刷新、网页等级等设定。
2. 分为2大类：HTTP-EQUIV和NAME变量
HTTP-EQUIV: 把content属性关联到http头部
NAME：把content属性关联到一个名称

二、使用场景

指定文档编码集为简体中文

<meta  http-equiv="Content-Type" content="text/html"  charset="gb2312">

dns预加载

<meta http-equiv="x-dns-prefetch-control" content="on">

电话号码不显示为拨号链接

<meta name="format-detection" content="telephone=no">

移动端适配

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalabale=no,shrink-to-to-fit=no,viewport-fit=cover">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sophia1010

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

meta标签的作用及整理

yc123h的博客

05-09

5万+

欢迎访文我的博客YangChen’s Blogmeta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个必用且关键的标签。什么是meta标签？引自下W3school的定义说明一下。元数据（metadata）是关于数据的信息。标签提供

Nuxt页面自定义meta标签和asyncData异步请求

01-03

一、页面自定义meta标签可以为每个页面单独设置不同的meta标签以便于SEO 全局的meta标签在nuxt.config.js文件里配置而单独的meta标签在组件的内部标签内进行配置即可值得注意的是：hid属性是页面的唯一标识若想...

参与评论您还未登录，请先登录后发表或查看评论

meta标签的详细讲解！！！

zayyo的博客

06-29

8726

常常和content 属性可以一起使用，以名 - 值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值。属性用于提供与该元数据相关的值或内容。常常和name 属性可以一起使用，以名 - 值对的方式给文档提供元数据，其中 name 作为元数据的名称，content 作为元数据的值,当与。标签中使用类似于 HTTP 头部的指令，以控制浏览器的行为或提供特定的元数据。标签是一种用于在 HTML 文档头部提供元数据的标签。用于指定网页在移动设备上的可视区域的大小和缩放行为。

META

hellowutong的专栏

06-28

1976

META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：　　* 　　　　本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。　　* 　　浏览器将在60秒后，自动转向到new.htm。你可以利用这个功能，制

meta

2197

07-23

147

1>meta标签的作用有：搜索引擎优化，定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ 2>meta标签的组成： 1)meta标签共有两个属性:http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 2)name属性主要用于描述网页，与之对应的属性值为...

meta 详解

yin__ren的博客

11-02

377

&lt;!DOCTYPE html&gt; &lt;!-- 使用 HTML5 doctype，不区分大小写 --&gt; &lt;html lang="zh-cmn-Hans"&gt; &lt;!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --&gt; &lt;head&gt;

meta 标签

喜欢文学的程序员

08-29

1250

1.meta的作用 mate标签（metadata元信息，描述信息的信息）都是以“名 / 值 ”对的形式实现，不会在页面显示，用于提供页面的相关信息，向浏览器提供渲染信息，搜索引擎优化（SEO），mate标签规定页面的描述，关键字，最后的修改日期，作者及其他信息等。 2.meta的属性构成 meta有可选属性（http-equiv="参数"和name=“参数”, scheme可选...

HTML中meta标签属性详解

最新发布

猫老板的豆

04-25

2505

meta>标签是一种用于在 HTML 文档头部提供元数据的标签。它通常位于标签内，用于向浏览器和搜索引擎提供关于网页的信息，而不是直接展示给用户是HTML标记head区的一个关键标签，用于描述一个HTML网页文档的属性，提供有关页面的元信息。它并不会显示在页面上，但对于机器是可读的，可用于浏览器（如何显示内容或重新加载页面）、搜索引擎（SEO）或其他web服务。

meta标签属性

weixin_47808575的博客

03-14

938

meta标签属性

vue中动态设置meta标签和title标签的方法

10-18

在使用Vue.js构建的单页应用（SPA）中，动态地修改页面的meta标签和title标签是非常重要的，尤其是对于搜索引擎优化（SEO）和用户交互体验方面。本文将详细介绍如何在Vue项目中动态设置meta标签和title标签。 ### 1...

dreamweaver cs5不写写代码怎么添加meta标签?

09-24

在使用Adobe Dreamweaver CS5进行网页设计时，有时需要添加meta标签来提供关于网页的信息，比如搜索引擎优化（SEO）相关的关键字、页面描述、作者信息等，或控制浏览器的行为，如刷新频率和语言设置等。通常，meta...

html中meta标签及用法详解

09-28

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。这篇文章给大家介绍了html中meta标签及用法详解，感兴趣的朋友一起看看吧

JS大数运算

sophia1010的专栏

01-23

5691

/** * 大数与或操作 */ global.andorOpera = function (a, b, type) { //type = 1是与运算，type = 2 是或运算，默认是与运算 a = a + ""; b = b + ""; var aStr = toBin(a); var bStr = toBi

栅格化布局的简单示例

sophia1010的专栏

02-28

3879

<!DOCTYPE html> <html> <head> <title>栅格布局</title> <meta charset="utf-8"> <style> .container { padding: 10px; } .row

javascript的数字运算

sophia1010的专栏

02-09

2315

一、浮点型数字的精度问题：JS中的数据类型即Number，这种类型使用IEEE754格式来表示整数和浮点数值，用 IEEE 754(二进制浮点数算术标准) 标准的64 位双精度浮点数数做运算的时候经常有一些问题。组成：1位符号位， s 表示，0表示正数，1表示负数；11位– 储存指数部分 e 表示；52位–储存小数部分（即有效数字）f 表示。原因：浮点数用二进制表达时是无穷的，因浮点...

移动端适配viewport

sophia1010的专栏

02-03

2114

一、移动端适配基本概念 viewport 即视口 visual viewport 透过屏幕的可视区域 window.innerWidth layout viewport 渲染页面的虚拟窗口 document.documentElement.clientWidth document.documentElement.clientHeight 二、viewport适配

setMask的实现

sophia1010的专栏

01-25

1776

// 给任意dom设置一个蒙层，并使蒙层区域不可点击 function showmask(dom) { var domRect = dom.getBoundingClientRect(), domTop = domRect.top + window.pageYOffset, domLeft = domRect.left + window.pageXOffse

WebApp Meta标签完全指南

"本文主要介绍了WebApp中常用的Meta标签，特别是与viewport相关的设置，以及Meta标签的name属性及其常见用途，如关键词设置、页面描述等。" 在WebApp开发中，Meta标签扮演着至关重要的角色，它们提供了关于网页元...