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”千万不可以省略。

例1

效果如下,其中link5是没有办法连接到百度的,出现报错(因为在当前的目录下,找不到baidu)。

HTML13_有语义的标签2_a标签(超链接,锚点,伪类)HTML13_有语义的标签2_a标签(超链接,锚点,伪类)

HTML13_有语义的标签2_a标签(超链接,锚点,伪类)

 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>
例2

相关文章:

  • 2022-12-23
  • 2021-08-02
  • 2021-11-18
  • 2021-12-27
  • 2022-12-23
  • 2022-02-17
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-04
  • 2021-07-06
  • 2021-12-04
  • 2022-02-22
相关资源
相似解决方案