首页 > 其他分享 >HTML的<link>元素

HTML的<link>元素

时间:2024-09-09 11:52:28浏览次数:12  
标签:Origin 标头 HTTP 元素 HTML 文档 链接 icon

<link>

定义当前文档和外部资源之间的关系。最常用于链接到外部样式表或向网站添加图标。

可以在head元素、body元素中使用,但是最好在head元素中使用。

支持HTML全局属性和事件属性。

例子1:链接外部样式表

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

 

例子2:链接网站图标。

<link rel="icon" type="image/x-icon" href="icon.jpg">

 

例子3:

<link

  rel="apple-touch-icon"

  sizes="114x114"

  href="apple-icon-114.png"

  type="image/png" />

 

 

属性

描述

crossorigin

·        anonymous

·        use-credentials

规定元素如何处理跨源请求。

anonymous

会发起一个跨源请求(即包含 Origin HTTP 标头),但不会发送任何认证信息(即不发送 cookie、X.509 证书和 HTTP 基本认证信息)。如果服务器没有给出源站凭证(不设置 Access-Control-Allow-Origin HTTP 标头),资源就会被污染并限制使用。

use-credentials

会发起一个带有认证信息(进行 cookie、X.509 证书和/或 HTTP 基本认证)的跨域请求(即包含 Origin HTTP 标头)。如果服务器没有给出源站凭证(不设置 Access-Control-Allow-Origin HTTP 标头),资源就会被污染并限制使用。 当不设置此属性时,资源将会不使用 CORS 加载(即不发送 Origin HTTP 标头),从而无法使用该资源。若设置了非法的值,则视为使用 anonymous。

 

href

URL

规定被链接文档的位置。

hreflang

语音代码      

规定被链接文档中文本的语言。

media

媒体查询      

规定被链接文档将在什么设备上显示。

referrerpolicy

·        no-referrer

·        no-referrer-when-downgrade

·        origin

·        origin-when-cross-origin

·        unsafe-url

 

规定获取资源时要使用哪个引用者。

rel

·        alternate

·        author

·        dns-prefetch

·        help

·        icon

·        license

·        next

·        pingback

·        preconnect

·        prefetch

·        preload

·        prerender

·        prev

·        search

·        stylesheet

 

必需。规定当前文档和被链接文档之间的关系。

sizes

·        HeightxWidth

·        any

规定被链接资源的尺寸。仅适用于 rel="icon"。

title

 

定义首选或备用样式表。

type

媒体类型,如text/css、text/html

规定被链接文档的媒体类型。

 

标签:Origin,标头,HTTP,元素,HTML,文档,链接,icon
From: https://blog.51cto.com/u_16830897/11959858

相关文章

  • 在本地服务器上使用Python脚本处理HTML表单
    要在本地服务器上使用Python处理HTML表单,可以使用 Flask 框架,这是一个轻量级的web框架,特别适合快速构建和处理HTTP请求。以下是如何使用 Flask 创建一个本地服务器,展示HTML表单并处理提交的数据。1、问题背景有一个托管在本地服务器(apache2)上的HTML页面,想要将一些......
  • 使用HTML
    1.使用HTML的基本标签创建网页2.使用相关的标签对文本信息进行排版3.使用相关的图像标签,将图像和文本排版相结合4.使用<a>标签创建超链接,锚链接以及功能性链接使用vscode工具HTML网络基本结构包括:网页头部and主体部分成对的标签分别叫做:开放标签和闭合标签二.标签......
  • HTML笔记 06
    第六章盒子模型border边框border-color:边框颜色border-width:边框粗细border-style:边框样式solid实线dashed虚线dotted点式double双框同时设置边框的颜色·粗细·样式:border:1pxsolid#3a6587margin外边距网页居中对齐margin:auto;padding内边距box-sizin......
  • HTML5基础
    HTML+ CSS(超文本标记语言——HyperTextMarkupLanguage)现在用的版本为html5加css3html弱类型语言万维网联盟W3CHTML文件后缀名 html,htmHTML标签(元素,节点):开标签  关标签  内容  <br/>属性:  属性名="属性值"  name="张三"字符集编......
  • 数字与文字组合商标,有一个元素近似整体驳回!
    经常遇到有网友问驳回复审要不要做复审,其实判断分析好,大多数商标驳回后不值得做复审,也可以省掉不必要的费用,最近有个网友联系到普推知产商标老杨,咨询一个驳回复审的问题。这个网友的商标是数字和文字组合,这样的商标和以前多次聊过的图形和文字组合商标是是一样的,只要有一个......
  • JavaWeb学习笔记,关于HTML的入门标签及属性
    一.HTML入门结构标签以及特点   以上标签即为HTML的入门标签,包括了HTML的基本框架结构标签以及部分常用标签,需要注意的是,HTML的语法松散,但我们更要严格要求自己,使用正常符合要求的代码格式,以免后期出现错误而无法及时发现问题,值得提起的还有,<h1>到<h6>是HTML中预定义好......
  • 代码随想录算法训练营,9月7日 | 150. 逆波兰表达式求值,239. 滑动窗口最大值,347.前 K 个
    150.逆波兰表达式求值题目链接:150.逆波兰表达式求值文档讲解︰代码随想录(programmercarl.com)视频讲解︰逆波兰表达式求值日期:2024-09-07想法:用栈解决,遇到运算符取前两个数字计算(表达式总是成立的,不用做额外的判定)Java代码如下:classSolution{publicintevalRPN(Stri......
  • python+flask计算机毕业设计基于web技术的课程思政元素信息交流平台的设计与探索(程序+
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景在高等教育日益重视课程思政建设的背景下,如何将思想政治教育有机融入专业课程,提升学生思想政治素质,成为当前教育改革的重要课题。随着互联......
  • Day03 链表part01| LeetCode 203. 移除链表元素,707. 设计链表,206. 反转链表
    链表理论基础链表一种通过指针串联在一起的线性结构数据域指针域(存放指向下一个节点的指针,最后一个节点的指针域指向NULL)入口节点——head头节点链表类型单链表双链表两个指针域一个指向下一个节点一个指向上一个节点循环链表首尾相连约瑟夫环问题......
  • HTML的<base>元素
    <base>元素<base> 标签规定文档中所有相对URL的基准URL和/或目标。通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中......