📌  相关文章
📜  HTML5中如何指定当前文档和目标URL的关系?

📅  最后修改于: 2021-11-08 06:09:35             🧑  作者: Mango

我们通过在 HTML 中使用 标签来指定当前文档和目标 URL 之间的关系。链接标签用于定义文档和外部资源之间的链接。它仅在存在 href 属性时使用。

方法:

  • 要指定当前文档和链接文档之间的关系,请使用rel 属性

属性值:

  • 替代:它指定文档的替代链接(即打印页面、翻译或镜像)。
  • 作者:它定义了链接的作者
  • dns-prefetch:它指定浏览器应抢占目标资源的来源执行 DNS 解析
  • help:它指定了一个帮助文档的链接。示例:
  • 图标:它指定给定文档中的导入图标
  • 许可证:它指定文档版权信息的链接
  • next:提供下一个文档的链接
  • pingback:指定pingback服务的地址
  • preconnect:它指定目标应该抢占原始资源
  • prefetch:它指定应该缓存目标文档。
  • preload:它指定浏览器必须抢先获取和缓存
  • prerender:它指定浏览器应该加载
  • prev:它指定选择中的上一个文档
  • search:指定文档的搜索工具。
  • 样式表:它导入一个样式表

句法:

示例 1:

HTML


    
      
    

  

  
    

GeeksforGeeks

    

How to specify the relationship between the current document        and the target URL in HTML5?

  


CSS 代码:以下是上述 HTML 代码中使用的代码“styles.css”的内容。

h1 , h2 
{
   color:green;
   text-align: center;
   font-style: italic;
   font-weight: bold;
}

输出:

链接文件

示例 2:

 
 
  
 
     
  
     
 
  
 
    
          

GeeksforGeeks

          

      Click here            

                           

输出: