meta 属性小结

本文介绍了HTML中的元信息标签,包括http-equiv和name属性的作用及使用方法。详细解释了如Content-Type、Content-Language等标签的功能,并探讨了它们如何帮助搜索引擎优化。

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

  • http-equiv

    属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    设置页面语言

        <meta http-equiv="Content-Language" content="zh-cn" />

    定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

        <meta http-equiv="imagetoolbar" content="false" />
  • name

    name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
    “keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
    类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:

        <meta name="keywords" content="HTML,ASP,PHP,SQL">
        <meta name="Robots" content="all|none|index|noindex|follow|nofollow"> 默认是all

    其中的属性说明如下:
    设定为all:文件将被检索,且页面上的链接可以被查询;
    设定为none:文件将不被检索,且页面上的链接不可以被查询;
    设定为index:文件将被检索;
    设定为follow:页面上的链接可以被查询;
    设定为noindex:文件将不被检索,但页面上的链接可以被查询;
    设定为nofollow:文件将不被检索,页面上的链接可以被查询。

        <meta name="author" content="space.lijianming" />
    

    作者信息

        <meta name="Copyright" content="Copyright W3school.com.cn All Rights Reserved." />
    

    版权信息

        <meta name="MSSmartTagsPreventParsing" content="true" />

    防止微软页面编辑软件在页面上自动添加标签、链接等。

        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>

    width - viewport的宽度 height - viewport的高度
    initial-scale - 初始的缩放比例
    minimum-scale - 允许用户缩放到的最小比例
    maximum-scale - 允许用户缩放到的最大比例
    user-scalable - 用户是否可以手动缩放
    看这里meta viewport

  • 这只是我见到的一部分,更多请看meta 标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值