5.关于超链接(W3chool a标签用法介绍:http://www.w3school.com.cn/tags/tag_a.asp)
(1)所有浏览器都支持 <a> 标签。
(2)在html4.01 与 html5.0之间的差异:
在 HTML 4.01 中,<a> 标签可以是超链接或锚;
在 HTML5 中,<a> 标签始终是超链接,但是如果未设置 href 属性,则只是超链接的占位符。
3)注意的点:
1. 如果不使用 href 属性,则不可以使用如下属性:download, hreflang, media, rel, target 以及 type 属性;
2. 被链接页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(target 属性);
3. 最好是使用 CSS 来设置链接的样式;
4. 一般来说,如果不确定其链接,写在页面里面的时候都是这样子的: <a href="#">一些文字</a>
(4)禁止 a 标签的跳转:
方法一(亲测有效): <a href="javascript:void(0);">一些文字</a>
方法二(没试哇,暗暗觉得应该有用的): e.preventDefault();
(5)基本用法: <a href="url">页面上的链接文字提示</a> 其中url 可以是本地的html文件,也可以是网页。
进阶用法: <a href="url" target="_blank" title="xxx">页面上的链接文字提示</a>
target = "_blank" 那部分意思是在一个新窗口打开链接;title的部分是,把鼠标放在链接提示文字上面时,会出现“xxx”的提示文字,如例2所示。
如下例1所示,“http”千万不可以省略。
效果如下,其中link5是没有办法连接到百度的,出现报错(因为在当前的目录下,找不到baidu)。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>链接练习</title> 6 </head> 7 <body> 8 <a href="http://wwww.baidu.com/" target="_blank" title="百度首页">百度1ink 1</a> <!完整的表示-> 9 <a href="http:www.baidu.com/">百度link 2</a> <!去掉"//"-> 10 </body> 11 </html>