href相关

1:base标签
<base href="url"/>(base标签必须写在head标签中) (<base target="_blank" >:定义了所有   的链接在新窗口中打开)
<base> 标签为页面上的所有链接规定默认地址或默认目标。
href属性:规定基准url

2:
a:内部连接：
<a href="#/other-name">name</a>
这是一个以当前所在网页开头的下属链接

b:锚记：
<a name="object-name">name</a><a href="#object-name">name</a>
<a href="#object-name">name</a>
在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到object-name这个命名锚了。
代码：<html>

<body>

<p>
<a href="#C4">查看 Chapter 4。</a>
</p>

<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>

</body>
</html>

c:外部链接：
<a href="URL">name</a>
建立一个以name为表象的网址链接。

d:链接说明文字：
<a href="url" title="链接说明123">链接说明</a>
解释：当鼠标停留在链接说明的链接上的时候，紧挨着的下方会显示链接说明123

e：特效链接
特效链接的目的不是跳转到其他位置，而是为了实现基本页面特效，这种链接需要脚本来支持。例如：
JavaScript脚本：
<a href="javascript:alert('夜深了早点休息吧！')">点击我！</a>
<a href="javascript:">回到顶部</a>？？？
通常用于跳转，且不跳转到某锚点#xxx，用来实现返回顶部等效果。
VBScript脚本：
<a href=vbscript:msgbox("现在时间是："&time)>点击我！</a>

？？f:外部CSS引用：
<link type="text/css" rel="stylesheet" href="../css/test.css" />

3：可以使用图像来作链接：
<a href="url">
<img border="0" src="图片地址" />
</a>

4:
<style>
a:link    {color:blue;}未访问过的链接
a:visited {color:blue;}访问过的链接
a:hover   {color:red;}鼠标悬停时
a:active {color:yellow;}激活的元素（例如一个被点击的链接元素）
</style>

猜你喜欢