XHTML高级教程-URL
2021-11-30 10:07 更新
像HTML一样，XHTML由于不同的文档可以链接在一起，变得更加强大。在此工具的帮助下，文本或图像可以链接到文档的任何部分或文档的部分。浏览器使用颜色或下划线突出显示标识的文本或图像，以指示它是超链接。点击该超链接即会打开一个新文档。
链接是在以下标签的帮助下完成的：
锚标签
锚标签由<a>表示。锚点是一段文本或其他一些对象（如图像）来标记超文本链接的开始和/或结束。它用于通过使用“href”属性创建到其他文档的链接。
XHTML的锚标签类似于HTML的锚标签。HTML中锚标签的所有属性也适用于XHTML。锚标签本身不起作用，它必须通过以下属性进行增强：
Href
Href代表超文本引用。文件的地址或网站的地址是在href属性中输入的。该地址是网页链接到的那个文件的地址。
代码示例：
<p>这个超链接将带你到网站<A href= "http://expertrating.com/" >w3cschool在线教程</A></p>效果展示：
这个超链接将带你到网站w3cschool在线教程
目标
目标属性指定目标URL应该打开的位置。它占用了各种值，它们是：
- _Blank
目标文件将在新窗口中打开。
代码示例：
<p>这个超链接将带你到网站<A href= "https://www.w3cschool.cn" target=”_blank”>w3cschool在线教程</A>。它将在新窗口中打开。</p>展示效果：
这个超链接将带你到网站w3cschool在线教程。它将在新窗口中打开。
以下示例创建一个网页，其中包含指向网站的链接：
<html>
<head>
<title> W3Cschool在线教程 </title>
</head>
<body>
<h1>WEB前端开发教程 </h1>
<ul>
<li>HTML教程 </li>
<li>XHTML教程 </li>
<li>CSS教程</li>
</ul>
<hr/>
<ol>
<li>技术教程</li>
<li>开发文档</li>
<li>编程微课</li>
</ol>
<hr/>
<A A href="https://www.w3cschool.cn/" target="_blank"> 跳转到w3cschool.cn </A>
</body>
</html>在浏览器中展示效果：
这个页面的背景是白色的。这是因为在这个例子中没有应用样式表。样式表使网页能够进行大量的格式化。
点击示例中的超文本链接“跳转到到w3cschool.cn”会跳转到网站www.w3cschool.cn，如下图。
以上内容是否对您有帮助：
更多建议：