zoukankan      html  css  js  c++  java
  • link标签大全

    <link rel="stylesheet" href="https://example.com/styles.css">
    //链接到一个CSS层叠样式表
     
    <link rel="canonical" href="URL.html">
    //SEO优化:重定向
     
    <link rel="shortlink" href="https://example.com/?p=42">
    //之前用于包含icon的链接(已被废弃不再使用)
     
    <link rel="amphtml" href="https://example.com/path/to/amp-version.html">
    //链接到当前文档的一个 AMP HTML 版本
     
    <link rel="manifest" href="manifest.json">
    //链接到一个指定Web应用程序“安装”证书的JSON文件
     
    <link rel="author" href="humans.txt">
    //链接到文档的作者
     
    <link rel="license" href="copyright.html">
    //指向一个适用于链接内容的版权申明
     
    <link rel="alternate" href="https://es.example.com/" hreflang="es">
    //给出可能的你的另一种语言的文档位置参考
     
    <link rel="me" href="https://google.com/profiles/thenextweb" type="text/html">
    <link rel="me" href="mailto:599729022@qq.com">
    <link rel="me" href="sms:+599729022">
    //提供作者或其他的信息
     
    <link rel="archives" href="https://example.com/archives/">
    //链接到一个描述历史记录、文档或其他具有历史意义的材料的集合的文档
     
    <link rel="index" href="https://example.com/">
    //链接到层次结构中的顶级资源
     
    <link rel="self" type="application/atom+xml" href="https://example.com/atomFeed.php?page=3">
    //给出一个自我参考,当文档有多个可能的参考时非常有用
     
    <link rel="first" href="https://example.com/atomFeed.php">
    <link rel="next" href="https://example.com/atomFeed.php?page=4">
    <link rel="prev" href="https://example.com/atomFeed.php?page=2">
    <link rel="last" href="https://example.com/atomFeed.php?page=147">
    //分别是在一系列文件中的第一个、下一个、上一个和最后一个
     
    <link rel="EditURI" href="https://example.com/xmlrpc.php?rsd" type="application/rsd+xml" title="RSD">
    //当使用第三方服务来维护 blog 时使用
     
    <link rel="pingback" href="https://example.com/xmlrpc.php">
    //当另一个 WordPress 博客链接到你的 WordPress 博客或文章时形成一个自动化的评论
     
    <link rel="webmention" href="https://example.com/webmention">
    //当你在自己的页面上链接到一个URL时通知它
     
    <link rel="import" href="/path/to/component.html">
    //加载一个外部的HTML文件到当前HTML文件中
     
    <link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Search Title">
    //打开搜索
     
    <link rel="alternate" href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS">
    <link rel="alternate" href="https://example.com/feed.atom" type="application/atom+xml" title="Atom 0.3">
    //Feeds
     
    <link rel="dns-prefetch" href="//example.com/"> 
    <link rel="preconnect" href="https://www.example.com/"> 
    <link rel="prefetch" href="https://www.example.com/"> 
    <link rel="prerender" href="https://example.com/"> 
    <link rel="preload" href="image.png" as="image"> 
    //预取、预载、预浏览
     
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    //网页加入图标
     
    <link rel="Bookmark" href="favicon.ico">
    //收藏夹中显示的图标
     
    <link rel="canonical" href="http://example.com/article.html">
    //用于该文章的样式
     
    <link rel="mask-icon" href="path/to/icon.svg" color="red">
    //固定网站(Apple Safari浏览器)
     
    <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID">
    //禁用翻译提示(Google Chrome浏览器)
     
    <link rel="manifest" href="manifest.json">
    //链接到一个 manifest 并定义 manifest 的源数据
    //manifest.json 中的例子也可以通过以下链接找到(Google Chrome Mobile 针对 Android)
     
    <link rel="icon" sizes="192x192" href="highres-icon.png">
    //主屏幕图标(Google Chrome Mobile 针对 Android)
  • 相关阅读:
    模拟赛总结
    2018.04.06学习总结
    2018.04.06学习总结
    Java实现 LeetCode 672 灯泡开关 Ⅱ(数学思路问题)
    Java实现 LeetCode 671 二叉树中第二小的节点(遍历树)
    Java实现 LeetCode 671 二叉树中第二小的节点(遍历树)
    Java实现 LeetCode 671 二叉树中第二小的节点(遍历树)
    Java实现 LeetCode 670 最大交换(暴力)
    Java实现 LeetCode 670 最大交换(暴力)
    Java实现 LeetCode 670 最大交换(暴力)
  • 原文地址:https://www.cnblogs.com/shenjingwa/p/14073257.html
Copyright © 2011-2022 走看看