HTML -- Head -- Meta的功效

最新推荐文章于 2024-08-02 20:11:41 发布
最新推荐文章于 2024-08-02 20:11:41 发布
阅读量848 收藏
点赞数
分类专栏： HTML 文章标签： html 搜索引擎 internet microsoft 文档 generator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/camel0564/article/details/3877968
版权

定义

向服务器和客户端传达关于文档的隐藏信息。

注释

META 元素还嵌入了某些搜索引擎用于索引和分类万维网上的文档时所用的文档信息。

此元素只能在 HEAD 元素内使用。

此元素在 Internet Explorer 3.0 的 及以上版本HTML 中可用，在 Internet Explorer 4.0 及以上版本的脚本中可用。

此元素不会显示。

此元素不需要关闭标签。

meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。
meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，
对应于content（网页内容），以便于搜索引擎机器人查找、分类
（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
这其中最重要的是description（站点在搜索引擎上的描述）
和keywords（分类关键词），所以应该给每页加一个meta值。
比较常用的有以下几个name 属性

　　1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；

　　2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；

　　3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；

　　4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；

　　5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">

　　其中的属性说明如下：

　　设定为all：文件将被检索，且页面上的链接可以被查询；

　　设定为none：文件将不被检索，且页面上的链接不可以被查询；

　　设定为index：文件将被检索；

　　设定为follow：页面上的链接可以被查询；

　　设定为noindex：文件将不被检索，但页面上的链接可以被查询；

　　设定为nofollow：文件将不被检索，页面上的链接可以被查询。

　　http-equiv属性

　　1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">

和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言；

　　又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；

　　2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到页面http://yourlink；

　　3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；

　　4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；

　　5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；

　　6、<meta http-equiv="Pics-label" contect="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；

　　7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；

　　8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

McGregorWang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html-meta-tags
03-04
HTML元标签（Meta Tags）是HTML文档中位于`<head>`部分的一种特殊标签，它们用于提供文档的元信息，即关于文档本身的信息，而非显示在页面内容中的数据。元标签通常不直接影响页面的视觉呈现，但对搜索引擎优化（SEO...
HTML-CSS.md
10-16
#### 五、HTML head标签详解 - **`<base>`**: 用于设置文档中的所有相对URL的基地址。例如，如果 `<base href="https://example.com/">` 被设置，则文档中的所有相对链接都会基于这个基地址。 - **`<link>`**: 用于...
HTML试题及答案（总结）
热门推荐
采菊东篱下，Python满乾坤！
09-09 2万+
HTML练习题1（选择题）  一、选择 1.在一个框架的属性面板中，不能设置下面哪一项。（  ） A．源文件 ;     B．边框颜色 ;      C．边框宽度   D．滚动条 2.        下列哪一项表示的不是按钮。（   ） A．type="submit"        B．type="reset"           C．type="image"   D．type="b
HTML <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />解析
u013189731的专栏
10-08 9725
html 解析     meta是html中的元标签，它包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。     此句的元信息分别是：     http类型：网页用来表现内容的；     content（内容类型）：指定网页的格式是文本的；     charset（编码）：指定网页的编码是utf-8。注意：指的是这个网页内容的编码，而不是文件本身。
uni-app中添加meta标签
ljqzxw的博客
06-29 6503
uni-app中添加meta标签 uni-app不像vue项目提供一个index.html作为主页，而是直接用app.vue作为主页，想要向里边添加meta标签的话需要自己手动创建一个index.html文件，然后在manifest.json中配置html模板路径，官网文档中提供了模板文件的案例(https://uniapp.dcloud.io/collocation/manifest?id=h5-template)，直接复制就可以。 用的时候需要注意，不要手贱删（<link rel="style
v-html的使用
weixin_44682587的博客
11-04 1万+
v-html 如果在HTML代码中想嵌入一个代码块，代码块中有一些标签能够按照HTML语法解读出来，就需要v-html来实现了，例如下面的代码： HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c...
html meta标签‘http-equiv’属性的详解用法
糖长老莫小贝的博客
11-28 1万+
http-equiv，相当于http的文件头作用，它可以向浏览器传回一些有用的信息， 以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 一、 meta标签的http-equiv属性语法格式是：＜meta http-equiv=“参数” content=&amp;amp;amp;amp;amp;quot;参数变量值&amp;amp;amp;amp;amp;quot;＞ ；其中http-equiv属性主要有以下几种参数： 1.&a
Nuxt去除data-n-head等默认属性
三三
11-03 5618
去掉例如以下属性： 至于为什么要去掉呢，你永远不知道你的甲方有多**，举个栗子： 一把辛酸泪 ~ 以下是解决办法： （1）安装 npm install cheerio （2）引入 nuxt.config.js import cheerio from 'cheerio' export default { hooks: { 'render:route': (url, result) => { this.$ = cheerio.load(result.html,{decodeEn
vue中v-html指令的使用之Vue知识点归纳(三)
代码小疯子
12-01 8840
本文章中将描述 v-html 指令的基本使用 v-html 的作用 v-html 与 v-text 的区别 1 简述 vue中v-html 标签，用解析设置带有html标签的文本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta nam...
web---HTML基础知识
Allure泽宇的博客
06-11 5471
HTML基础知识内容总结
HTML5基础与Meta http-equiv属性详解
风离紫竹zhangqiang的博客
07-12 1万+
HTML基础知识 声明帮助浏览器正确地显示网页。 元素定义了整个 HTML 文档。 现代网站都使用meta来声明页面内容的编码格式，我们推荐这种方式 : 参考: head元素（head）及其包含的子元素     定义关于文档的信息。     定义文档标题。 标签定义文档的标题。 title 元素是必需的。 title 元素能
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">是什么意思？
mine_soul的博客
12-11 1万+
最近在阅读网页源码时遇到了一些问题，恰好借这个机会填补一些有关知识。 如阅读下面代码：<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是一个测试网页</title> </head> <body> <!--.....--> </bod
HTML-DIV鼠标拖动.txt
03-16
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> var drag_=false var D=new Function('obj','return document.getElementById(obj);') var oevent=new Function('e','if (!e) e = ...
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
04-07
标题中的"-doctype-html-html-lang-en-dir-ltr-head-meta-name"是一个HTML文档的声明部分，它在HTML5中通常表示文档类型。这个特定的声明没有使用完整的语法，而是以破折号分隔各个部分，看起来像是某种简写或示例。...
meta标签中的http-equiv属性使用介绍
09-28
在HTML中，`<meta>`标签是一个非常重要的辅助性标签，它位于文档的`<head>`部分，用于提供关于HTML文档的各种元数据信息。元数据并不直接显示在页面上，但对浏览器、搜索引擎和其他处理HTML的工具至关重要。本文将...
HTML-04.新浪新闻-标题-超链接
程小白的博客
08-02 88
【代码】HTML-04.新浪新闻-标题-超链接。
【Python】Python 转换 Html 为 Markdown
Young_Pro的博客
08-02 598
在将 HTML 转换为 Markdown 时，表格通常可以保留其基本结构，但可能无法保持所有的格式细节。函数读取 HTML 文件，将其内容转换 为Markdown，然后将 Markdown 内容写入新的文件。如果你需要保持表格的精确格式，可能需要手动调整转换后的 Markdown 或寻找支持更多特性的转换工具。使用这些技巧时，请记住，Markdown 的目的是为了简洁和可读性，而不是复杂的布局。或其他转换工具，结果可能有所不同，因为不同的库可能对HTML到Markdown的转换有不同的实现方式。
基于树莓派的智能家居中控系统：集成Flask、HTML、JavaScript与MQTT协议的问心一言AI接入（代码示例）
最新发布
嵌入式极客小张
08-02 675
本文介绍了基于树莓派的AI接入问心一言智能家居中控系统的搭建过程。该系统利用树莓派作为主控单元，通过DHT11传感器和继电器模块实现环境数据采集和设备控制。后端采用Flask框架和SQLite数据库，前端使用HTML、CSS和JavaScript构建可视化界面，支持用户手动控制设备。系统还接入了问心一言API，实时获取天气信息，提升智能家居的自动化水平。通过该项目，用户能够享受更便捷的智能家居体验。
HTML-03.新浪新闻-标题-样式2
程小白的博客
08-02 149
【代码】HTML-新浪新闻-标题样式2。
Meta-info应该放在哪个位置
09-18
### 回答1： Meta-info通常放在HTML文档的<head>标签内，例如: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的网页</title> <meta name="description" content="这是我的网页"> <meta name="keywords" content="HTML,CSS,JavaScript"> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个关于HTML、CSS和JavaScript的网页。</p> </body> </html> ``` 在上面的例子中，<meta>元素用于定义字符集、描述和关键词。其中，charset属性定义了文档使用的字符集，description属性定义了网页的简短描述，keywords属性定义了网页的关键词。这些信息对于搜索引擎优化(SEO)和网页排名非常重要。 ### 回答2： Meta-info（元信息）是指描述数据的数据，常用于对内容或数据的描述和管理。根据不同的应用场景和需求，Meta-info可以放置在不同的位置。以下是几个常见的位置： 1. 文件头部：在许多文件格式中，如图像、音频、视频、文档等，元信息通常位于文件的头部。元信息可以描述文件的格式、大小、创建时间、作者等相关信息。例如，在JPEG图像文件中，元信息可以包含拍摄设备、拍摄时间等。 2. 数据库表结构：在数据库领域，元信息可以用来描述表的结构和属性。可以将表的元信息存储在系统表或元数据表中，以便后续的查询和管理。元信息可以包括表名、字段名、数据类型、约束条件等。 3. 网络协议头部：在网络通信中，元信息可以嵌入在协议中的头部。例如，在HTTP协议中，通过请求头和响应头传递元信息，用来描述请求的方法、URL、请求体长度、响应状态码等。元信息的位置可以便于网络设备和服务对协议进行解析和处理。 4. 资源描述文件：在软件开发中，可以将元信息存储在资源描述文件中。这些文件可以是XML、JSON或其他格式。元信息可以描述软件的版本、依赖关系、作者、许可证等。将元信息放在资源描述文件中有助于软件的配置和管理。 总之，Meta-info应该根据具体的应用场景和需求放置在合适的位置。无论是文件头部、数据库表结构、网络协议头部还是资源描述文件，选择合适的位置可以更好地描述和管理数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值