8、超链接标签——a标签

超链接标签——a标签

1、语法

<a href="http://www.baidu.com"></a>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com">百度</a>
<a href="readme.md">readme.md</a>
<a href="images/comp.jpg">comp.jpg</a>
<a href="#">占位|跳转到当前页顶部</a>
<!-- 伪链接，不跳转 -->
<a href="javascript:">内容</a>
<a href="javascript:alert('a')">内容</a>

• target属性
  • 行级元素
  • 宽度默认由内容撑开
  • 高度默认由内容撑开
  • 默认横向显示——水平布局
  • 自带下划线
  • 自带文字颜色
  • 换行和空格会被解析

3、锚点使用

跳转到长页面的某个位置、跳转到某个文件的特殊位置

• 定义锚点
  有两种方法：
  • 使用a标签的name属性
  • 使用id属性

<a name="锚点名称"></a>
<div id="锚点名称">[内容]</div>

• 引用锚点
  直接引用上面定义的name属性值或者id属性值，a标签的href属性也可以链接到其他文件中

<a href-="#锚点名称">链接文字</a>
<a href="文件路径#锚点名称">链接文字</a>   跳转到某个文件的特殊位置