codecamp

XHTML高级教程-URL

像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,如下图。



XHTML高级教程-绝对路径
XHTML高级教程-链接 小结
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

XHTML 测验

XHTML 参考手册

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }