html中的href属性

描述 (Description)

href定义链接指向的文档。 这可能是同一目录中的网页，同一服务器上其他位置的网页，当前页面中的位置，或者是另一台服务器上存储的网页(或任何其他类型的文档)。

该示例显示了同一目录中两个文档之间的链接，但是如果蛋糕列表文档位于比引用文档高一级的目录中，则语法如下：

<a href="../cakes.html">lovely range of cakes</a>

在这里，.. /等于指令“在层次结构中上移一个目录”。

您还可以引用相对于网站根目录(域名后的文件或文件夹)的文档：

<a href="/cakes.html">lovely range of cakes</a> 

该链接基本上指示浏览器“链接到可在www.mydomain.com/中找到的cakes.html文档。” 这是引用文档的一种非常方便的方法，因为您可以将包含链接的文档移动到文件系统上的任何位置，而无需断开链接。

如果要链接到另一台服务器上保存的文档(任何类型的文档)，则可以使用完整的URI来表示href，如下所示：

<a href="http://www.cakebrothers.com/cakes.html">lovely range of cakes</a>

在指向同一页面内另一部分的链接中，目标是在href属性中由哈希符号与目标的id属性组合而成的。 该符号称为片段标识符，如下所示：

<!-- Here is the link -->
<p>You can check the facts by reading the
<a href="#refs">references at the end of this article</a></p>
⋮
<!-- Here is the link's destination -->
<h3><a id="refs" href="#refs">References</a></h3>

请注意以上示例中的这些要点：

href属性在第二个a元素中重复。 这不是一个错误-在那里是因为没有它，导航到目标位置的Internet Explorer用户会发现，尽管文档已移动到屏幕上的正确位置，但是焦点不会移动。 如果用户要跳至下一个链接，则焦点将在用户选择了页面的上一个链接之后立即移至该链接，而不是页面中包含引用的点之后的下一个链接。 可以简单地将id属性应用于另一个元素，例如<h3 id="refs">References</h3> ，某些浏览器将允许您激活链接并跳至该点。 但是，并非所有浏览器都允许这样做，值得注意的是Internet Explorer。 这就是为什么我们需要看似多余的第二个元素作为锚点，并将其包裹在 h3内的文本周围 。 下面显示了这种简化的(但不是IE友好的)标记的语法：

<p>You can check the facts by reading the
<a href="#refs">references at the end of this article</a></p>
⋮
<h3 id="refs">References</h3>

在您自己的作品中，您可能会发现在元素的锚点中同时包含名称和ID的示例。 此方法旨在确保链接在较旧的浏览器中有效，如果没有name属性，则该链接可能不允许用户从文档的一部分跳到另一部分。 但是，最后无法以这种方式链接到页面部分的常见浏览器是Netscape 4，值得庆幸的是，现在它已几乎完全过时了。 另外，请注意，在HTML 5中， name属性已被删除，因此，最好改掉使用name的习惯。

除了指向文档(例如网页或其他文档类型)的链接之外，href属性还可以指定其他协议，包括：

• ftp typed as <a href="ftp://someftpserver.com/">Browse the FTP server</a>, which will open a connection to an FTP server

  FTP类型为<a href="ftp://someftpserver.com/">Browse the FTP server</a> ，这将打开到FTP服务器的连接

• mailto typed as <a href="mailto:mrwhatever@somedomain.com">Email me!</a>, which will trigger an email client to open and create a new message whose To address matches whatever appears after the mailto: protocol (in this case, an email to mrwhatever@somedomain.com)

  mailto键入为<a href="mailto:mrwhatever@somedomain.com">Email me!</a>发送<a href="mailto:mrwhatever@somedomain.com">Email me!</a> ，这将触发电子邮件客户端打开并创建新邮件，该邮件的“收件人地址”与mailto：协议后出现的内容相符(在这种情况下，请发送电子邮件至mrwhatever@somedomain.com)

值 (Value)

此属性将目标文档相对于参考文档，相对于服务器根目录的位置或包含http://协议，服务器名称和文档路径的完整URI的形式作为其值。在该服务器上。 它还可能包含对ftp://或mailto:协议的引用。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群：805358732

如果你想用Python开辟副业赚钱，但不熟悉爬虫与反爬虫技术，没有接单途径，也缺乏兼职经验
关注下方微信公众号：Python编程学习圈，获取价值999元全套Python入门到进阶的学习资料以及教程，还有Python技术交流群一起交流学习哦。