HTML DOM 链接媒体属性

HTML DOM 链接媒体属性是指 HTML 文档中链接标签 (a 标签) 可以添加的媒体属性，包括 href、download、target、rel, media 和 type。

href

href 属性用于指定链接目标的 URL。它可以是相对 URL 或绝对 URL。

<a href="https://www.example.com">Example Website</a>
<a href="/about">About Us</a>

download

download 属性用于指定下载链接的文件名。当用户点击链接时，浏览器会自动下载链接指向的文件并使用指定的文件名保存。

<a href="/files/document.pdf" download>Download PDF</a>

target

target 属性用于指定链接的打开位置，包括 _self（默认，表示在当前窗口中打开）、_blank（在新窗口中打开）、_parent（在父窗口中打开，若当前窗口为顶级窗口则与 _self 相同）、_top（在顶级窗口中打开，即整个浏览器窗口）。

<a href="/example" target="_blank">Open in new tab</a>
<a href="/example" target="_parent">Open in parent window</a>

rel

rel 属性用于指定链接与当前文档之间的关系，包括 noopener、noreferrer（用于解决安全问题）。其他常用值包括 nofollow（告诉搜索引擎不要跟踪链接指向的网页）、prev、next（用于指示页面的前后顺序）。

<a href="/example" rel="noopener" target="_blank">Open in new tab</a>
<a href="/example" rel="nofollow">Don't follow this link</a>

media

media 属性用于指定样式表应该适用于的媒体类型。现代浏览器一般使用 CSS 媒体查询代替，但 media 仍可用于 Internet Explorer 8 及更早版本。

<link rel="stylesheet" type="text/css" href="style.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">

type

type 属性用于指定链接指向的媒体类型。对于 HTML，type 属性通常是不必要的，因为浏览器会自动检测文档类型。

<link rel="stylesheet" type="text/css" href="style.css">
<a href="image.png" type="image/png">View image</a>

以上就是 HTML DOM 链接媒体属性的详细介绍。