详细介绍meta标签

详细介绍meta标签

Meta 主要标签

(推荐教程:html视频教程)

HTML5的meta标签有三个主要属性,分别是 name 属性,charset 属性和 http-equiv 属性。

e8a96849d28cb0e177f2afa32cc4292.png

Charset

声明当前文档的字符编码:


http-equiv

类似http的文件头作用,它可以向浏览器设置一些有用的信息,以帮助正确和精确地显示网页内容

content-Type

页面字符集的设定,后面charset与上面charset等效


expires

设置网页在缓存过期时间


必须使用GMT的时间格式

refresh

自动刷新并指向新页面


set-cookie

设置cookie


必须使用GMT的时间格式, 部分浏览器不支持mata设置cookie

window-target

显示窗口的设定


pragma

cache模式, 禁止浏览器从本地计算机的缓存中访问页面内容。


Name

主要用来描述网页的信息,以便于搜索引擎查找及分类

author

声明网页的作者信息


description

给搜索引擎你的网站主要内容。


generator

说明网站采用什么编辑器制作


keywords

给搜索引擎提供的关键字列表


viewport

Html5 新增,优化移动浏览器的显示(屏幕的缩放)


参数:
width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持,但是ios支持

height – viewport 的高度 (范围从 223 到 10,000 )  
user-scalable [yes | no]是否允许缩放  
initial-scale [数值] 初始化比例(范围从 > 0 到 10)  
minimum-scale [数值] 允许缩放的最小比例  
maximum-scale [数值] 允许缩放的最大比例  

robots

告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。


参数:
content的参数值有all,none,index,noindex,follow,nofollow,默认值是all。
参数为 all :文件将被检索,且页面上的链接可以被查询; 

参数为 none :文件将不被检索,且页面上的链接不可以被查询; 

参数为 index :文件将被检索; 

参数为 follow :页面上的链接可以被查询; 

参数为 noindex :文件将不被检索,但页面上的链接可以被查询; 

参数为 nofollow :文件将被检索,但页面上的链接不可以被查询;

相关推荐:html教程

以上就是详细介绍meta标签的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1548590.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 20:03:10
下一篇 2025年12月21日 20:03:23

相关推荐

  • html中如何实现文本与标签居中

    实现方法: (推荐教程:html教程) 1、文本居中: text-align: center;line-height: 100px; (=height) 2、标签居中 立即学习“前端免费学习笔记(深入)”; margin: 0 auto; 其中0指的是margin-top:0 具体代码: 搜索论坛 …

    2025年12月21日
    000
  • 为了标识一个html文件应该使用什么标签

    为了标识一个html文件,应该使用“”标签。在HTML语言中,每个HTML文件均是以标签开头,以结尾。HTML称为超文本标记语言,是一种标识性的语言。 在html语言中,为了标识一个html文件,应该使用的html标签是:“<html></html>”。 (推荐教程:html教程) 解析: HTML…

    2025年12月21日
    000
  • html文档的基本结构由哪三对标签负责组织

    html文档的基本结构由标签、标签和标签负责组织。标签负责告诉浏览器这是一个HTML文档;标签是所有头部元素的容器;标签负责定义文档的主体。 html文档的基本结构由标签、 标签和标签负责组织。 (推荐教程:html教程) 解析: 文档标记、 头部标记,正文标记,这三个标记为HTML基本结构的组成标…

    2025年12月21日
    000
  • html中为网页设置字符集的标签是什么?

    html中为网页设置字符集的标签是meta标签。META标签用来描述一个HTML网页文档的属性,除了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。 可以通过head标签中的meta标签进行设置 比如设置页面的字符集为utf-8,则对应的meta标签为: 。 通常所说的M…

    2025年12月21日
    000
  • 是什么标签

    一、 标签的定义及用法 在html4.01版本中, 标签用来定义一条水平线。在html5版本中升级了该标签,使其具有语义,用来定义主题的变化,比如话题的转移,并显示一条水平线; 标签的显示上是一条水平线,视觉上将文档分割成各个部分。 相关视频教程推荐:html视频教程 二、 标签语法格式 或 说明:…

    2025年12月21日
    000
  • html常用标签及属性

    HTML中的标签及属性 HTML页面结构 标签 描述 定义文档类型。定义 HTML 文档。定义文档的标题。定义文档的主体。 to 定义 HTML 标题。 定义段落。定义简单的折行。定义水平线。定义注释。 表单 标签 描述 定义供用户输入的 HTML 表单。定义输入控件。定义多行的文本输入控件。定义按…

    2025年12月21日
    000
  • html表格标签

    在网页制作之中,表格标签是常用的标签之一,比如制作表格,或者利用表格的整齐性来设置页面布局。 来用来制作表格,所以制作表格的语句在其之间;则修饰表格行;而修饰表格数据,这包含在中。 其中table有不少属性,比如:border,bordercolor,cellspacing,width,height…

    2025年12月21日
    000
  • center是什么标签

    center是什么标签? 作用:对其所包括的文本进行水平居中,目前所有主流浏览器都支持 center标签。【推荐阅读:HTML视频教程】 说明:请使用 CSS 样式来居中文本! 注释:在 HTML 4.01 中,center 元素不被赞成使用。在 XHTML 1.0 Strict DTD 中,cen…

    2025年12月21日
    000
  • html文档的头部元素有哪些

    html文档的头部元素有: 元素,元素,元素,元素,元素,元素和元素。 文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等;而头部元素就是用来定义这些信息。本篇文章就给大家介绍一下html文档的头部元素,让大家了解html文档的头部元素的作用,希望对你们…

    好文分享 2025年12月21日
    000
  • 哪些标签可以制作html按钮(图文详解)

    经常写页面或者经常浏览网站的人对按钮一定不陌生,正在学习html和css的小伙伴,你会写html按钮代码吗?有哪些标签可以制作按钮呢?这篇文章就结合实例给大家介绍制作html按钮样式的三种标签(方法),有一定的参考价值,感兴趣的朋友可以看看。 制作按钮需要有一定的HTML和CSS基础,如有不清楚的同…

    2025年12月21日
    000
  • 浅谈关于HTML5头部标签的小知识

    本章给大家介绍关于html5头部标签的小知识。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 meta是html语言head区的一个辅助性标签,meta标签的作用有很多,比如:搜索引擎优化(seo),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,…

    好文分享 2025年12月21日
    000
  • HTML meta标签的作用是什么?html meta标签的使用方法介绍

    本篇文章介绍了html meta标签的作用及其使用的方法,介绍了很多使用的方法,希望大家能够自己把这些代码多练习几遍,解释都在旁边,最后还介绍了html meta标签的几种著名网站的meta设置。 开始我们先说说meta标签的作用: meta标签是HTML标记head区的一个关键标签,它位于HTML…

    好文分享 2025年12月21日
    000
  • HTML中head标签是什么意思?一篇文章教你正确地使用head标签

    本篇文章为大家介绍了什么是html中的head标签,head标签中有哪些元素,看完本篇文章你会对html中的头部标签head了解的更透彻,本文用简单的方法让大家懂得这些标签怎么使用,都会了的话就能更好的使用head标签了, 现在让我们一起阅读本篇文章吧 首先我们要知道什么是HTML中head标签: …

    2025年12月21日
    000
  • HTML中图片标签

    这篇文章主要介绍了html图片img标签的相关资料,需要的朋友可以参考下 摘要 项目 说明 形式 @@##@@ 支持 H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ 标签省略 开始标签:必须,结束标签:无 说明 img 是 Image(图像)的缩写。src 属…

    好文分享 2025年12月21日
    000
  • HTML中的标签的使用详解

    这篇文章主要介绍了html中的标签的使用,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧   在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTML中的标签就是这个功能,将这个页面的关键信息写…

    好文分享 2025年12月21日
    000
  • html怎样自定义标签

    本篇文章主要介绍html怎样自定义标签,感兴趣的朋友参考下,希望对大家有所帮助。 代码如下: 自定义标签 /* 第三步: 自定义标签在设置样式的时候使用 ” 命名空间名\:标签名 ” */ mine\:tag { font-size: .36rem; font-weight: bold; color…

    好文分享 2025年12月21日
    000
  • HTML中的超级链接标签

    无标题文档   超链接标签 a标签常用的属性: href  : 用于指定链接的资源    target: 设置打开新资源的目标。    _Blank 在独立的窗口上打开新资源   _self 在当前窗口打开新资源  file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。 格…

    好文分享 2025年12月21日
    000
  • html标签分类

    将  HTML 元素按功能进行分组。先简单会汇总下,熟悉的放前面。 根元素: 文档元数据:、、、内容分区:、、 、 、 、~ 、 、、 文本内容:、、、、、 、、 、、、 、、 、内联文本语义:、、、、、、、、、、、、、、、、、、、、、、、、、、、、、图片和多媒体:@@##@@ 内嵌内容:、@@@#…

    好文分享 2025年12月21日
    000
  • HTML页面原生VIDEO标签隐藏下载按钮功能

    这篇文章主要介绍了html页面原生video标签隐藏下载按钮功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧 在写web项目的时候,遇到简介页面有一个单独的简介视频,只有这一个短短的视频所以没有使用任何video组件,所以运用原生video标签就想解决问题。 虽然简介视频是非付费的,但也不希望会…

    2025年12月21日
    000
  • html 图像标记 META标签 内联框架 超链接

    这篇文章介绍的内容是html 图像标记 META标签 内联框架 超链接 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 1.图像标记 @@##@@ width=” ”宽度  height=” ” 高度  src=“ ”路径地址 alt=“ ” 描述 @@##@@ ps:为了图片显示不…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信