博客
关于我
link标签的rel属性
阅读量:790 次
发布时间:2023-01-31

本文共 676 字,大约阅读时间需要 2 分钟。

因此,link 标签主要是用来定义文档与外部资源之间的关系,常见的用途包括加载外部 CSS 样式表、定义网站图标、指定文档的标准版本等。以下是几种常见用法的细节说明:

  • stylesheet 属性:用于加载外部 CSS 样式表

    这是最常用的用法之一。通过 rel="stylesheet"href 属性,可以定义外部 CSS 文件的路径。例如:

    其中,href 指定了样式表的 URL,type 为定义样式表的 MIME 类型,而 media="screen" 则指明样式表的适用设备为显示屏幕。

  • icon 属性:定义网站收藏夹图标

    使用 rel="shortcut icon"href 属性可以创建浏览器的 favicon.ico 文件。与其他浏览器不同,IE 只支持 .ico 格式图标。
    例如:

    需注意:不同浏览器对图标格式的支持可能有所差异,建议根据具体需求定制图标文件格式。

  • canonical 属性:指定标准化 URL

    该属性用于指示搜索引擎应选择哪个 URL 作为主要版本。例如:

    这会向搜索引擎指明资源的标准访问地址,避免重复内容的被重复抓取。

  • author,home,search,sidebar,friend 属性:定义 URI 链接

    这些属性用于链接到相关资源,可以是站点主页、搜索工具、侧边内容栏或者友情链接。

  • 值得注意的是:

    • 请谨慎管理与 canonical 属性一起使用的 URL,以确保搜索引擎理解正确的资源对应关系。
    • 不同浏览器对某些属性的支持可能存在差异,建议针对性的进行测试和优化。

    转载地址:http://okwfk.baihongyu.com/

    你可能感兴趣的文章
    KubeSphere核心实战_kubesphere部署redis02_创建redis现指定存储卷_配置外网访问服务---分布式云原生部署架构搭建048
    查看>>
    lamp 一键安装
    查看>>
    laravel mix
    查看>>
    Laravel Passport
    查看>>
    laravel 之 Eloquent 模型修改器和序列化
    查看>>
    Laravel 使用 - artisan schedule使用
    查看>>
    Laravel 使用rdkafka
    查看>>
    Laravel 多环境配置
    查看>>
    laravel 学习之第二章
    查看>>
    Laravel 安装上传代码不完整的解决方法
    查看>>
    laravel 安装添加多站点
    查看>>
    Laravel 深入理解路由和URL生成
    查看>>
    laravel 生命周期与框架精髓
    查看>>
    laravel 表单验证
    查看>>
    laravel 调试sql
    查看>>
    laravel 路由缓存
    查看>>
    laravel 通过令牌获取用户ID
    查看>>
    laravel 部署 file_put_contents failed to open stream: No such file or directory
    查看>>
    Laravel5.5 集成 mPDF
    查看>>
    laravel5.5中添加对分页样式的修改上一页和下一页
    查看>>