详细介绍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标签的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2826149.html

(0)
上一篇 2025年3月9日 03:02:56
下一篇 2025年3月5日 00:21:13

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html中的ul标签的作用是什么

    html中的ul标签的作用是:用于定义无序列表,如【】。ul标签支持class、dir、id、lang、style、title、xml等核心属性。 作用: 标签用于定义无序列表。 (学习视频分享:html视频教程) 将 标签与  标签一起使…

    2025年3月9日
    200
  • textarea标签有什么用

    textarea标签的作用:用于定义多行的文本输入控件。该控件中可以容纳无限数量的文本,文本的默认字体是等宽字体。我们可以通过cols和rows属性来规定textarea的尺寸。 环境: 本文适用于所有品牌的电脑。 (学习视频分享:html…

    2025年3月9日
    200
  • html中的重难点标签的用法

    写这篇文章的起因是本人最近在学习前端知识,因此特别整理了一些重点标签的用法,方便日后复习。 1、a 标签的用法 创建一个到其他网页,文件,同一页面内的位置,电子邮件地址或任何其他URL的超链接。a标签是一个特别常用的标签,但很多用法相信大家…

    2025年3月9日
    200
  • html怎样固定两个标签不换行显示

    方法:1、利用style属性给标签设置“display”样式,语法“”;2、利用style属性给标签设置“float”样式,语法“”。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 html怎样固定两个标签不换行…

    2025年3月9日 编程技术
    200
  • "HTML标签"

    HTML 中的 applet 标签用于在 HTML 网页上设置 Java applet。 注意:HTML5 中不推荐使用 applet 标签。建议使用 或 元素。以下是属性 – 属性 值 描述 立即学习“前端免费学习笔记(深入)…

    2025年3月9日
    200
  • 如何使用HTML和CSS实现一个具有固定导航菜单的布局

    如何使用 HTML 和 CSS 实现一个具有固定导航菜单的布局 在现代网页设计中,固定导航菜单是常见的布局之一。它可以使导航菜单始终保持在页面顶部或侧边,使用户可以方便地浏览网页内容。本文将介绍如何使用 HTML 和 CSS 实现一个具有固…

    2025年3月9日
    200
  • 熟悉canvas标签的一般特性

    了解Canvas标签的常用属性,需要具体代码示例 Canvas标签是HTML5中的一个重要元素,用于在网页上绘制图形、动画和视频等元素。通过设置Canvas标签的属性和使用JavaScript代码,可以实现各种炫酷的效果。本文将介绍Canv…

    2025年3月9日
    200
  • 深入了解HTML中的video元素

    HTML中video视频标签详解 HTML5中的video标签是一种用于在网页上播放视频的标签。它可以使用不同的格式来呈现视频,例如MP4、WebM、Ogg等等。在本篇文章中,我们将详细介绍video标签的使用方法,并提供具体的代码示例。 …

    2025年3月9日
    200
  • jqueryUI tab标签实例详解

    本文主要为大家分享了jqueryui tab标签页代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 var temp=1; var arr=[“我的首页”];  //×号点击关闭li $(“#tabs”).dele…

    编程技术 2025年3月8日
    200
  • jquery怎样给动态生成的标签绑定事件

    这次给大家带来jquery怎样给动态生成的标签绑定事件,jquery给动态生成的标签绑定事件的注意事项有哪些,下面就是实战案例,一起来看一下。 经常遇到给动态生成的标签绑定事件不好用,自己简单测试总结了下,结论如下了: 生成a标签$(fun…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论