XHTML 超链接
超链接,也叫“链接”。超链接在我们浏览的网页上可以说是无处不在,我们点击网页上某个链接地址,即链接到另一个网页,这就是超链接在起作用。
使用 标签来定义超链接,语法:
<a href="url">显示的文字或图片a>
例子
<a href="http://www.baidu.com/">链接至百度a>
浏览器显示效果:
链接至百度
当我们点击上面 “链接至百度” 字样时,浏览器便会转向百度首页。
超链接属性
属性 | 功能说明 |
---|---|
href | 链接地址。可以是绝对网页地址或者相对地址。 |
target | 链接目标。取值为 _blank 会在新窗口中打开链接地址,缺省则使用当前窗口打开链接地址。 |
name | 锚链接,具体参看《XHTML 锚链接》。 |
相对网页链接地址:
<a href="/css" target="_blank">DIV+CSS教程a>
这个例子使用了相对地址,而在上面链接至百度的例子,则使用了绝对地址。关于相对地址与绝对地址的更多信息请参看《XHTML 相对路径与绝对路径》:
增加了 target 属性的例子:
<a href="http://www.baidu.com/" target="_blank">链接至百度a>
再次点击该链接时,浏览器会启用新页面打开链接地址,而原页面窗口得以保留。
提示
当一个链接地址与当前主题或流程并不十分紧密时,通常会启用 target="_blank" 属性,否则尽量不要启用新窗口,以便给浏览者以友好的浏览体验。
如果页面是由几个页面框架帧组成,那么 target 属性还可以有其他取值
邮件超链接
邮件链接例子
<a href="mailto:admin@5idev.com">联系站长a>
点击此链接,将启用默认的邮件客户端撰写邮件。
《html基础教程》
01-HTML 是什么?
02-搭建 HTML 学习环境
03-HTML 从一个例子开始
04-HTML 标签
05-HTML 标签属性
06-html标题
07-html段落p
08-水平线 hr 标签与注释
09-span 标签与div标签
10- div 标签
web前端营 感谢关注 | → 0基础程序教程 ☛ 程序题库大全 在线练习: https://520mg.com/it |