<a>标签定义一个超链接,指定了一个页面到别一个页面的跳转,也可为一个位置到别一个位置的定位(锚链接)。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
绝对链接URL: 炫代码首页
相对链接URL:炫代码首页
<p>绝对链接URL: <a href="http://www.xuandaima.com/index.html">炫代码首页</a></p> <p>相对链接URL:<a href="/index.html">炫代码首页</a></p>
如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。 |
一般情况下浏览器会默认三种链接样式,但是链接共有4种标签伪类样式,我们可通过css样式来改变,链接四种样式分别是:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
鼠标经过链接带有下划线而且是红色的
鼠标点击链接带有下划线而且是绿色的
<a href="指定要跳转的目标界面的链接">需要展示给用户看见的内容</a>
属性 | 值 | 描述 |
---|---|---|
href | URL | 规定链接的目标 URL。 |
target | _blank _parent _self _top framename | 规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 中不支持,主浏览器不支持,规定链接的坐标,建议使用<area>标签coords 属性 |
download | filename | 指定下载链接 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
media | media_query | media 属性规定目标 URL 是为什么类型的媒介/设备。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default rect circle poly | HTML5 不支持。规定链接的形状。建议使用<area>标签shape属性 |
type | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
<a>标签支持HTML 全局属性
<a>标签支持HTML 事件属性
<a href="/index.html" target="_blank"><img src="/Template/Test/img/logo.png" /></a>
可快速定位页面的指定位置,要注意页面的高度要大于显示高度。要不然看不出效果。
<a href="/" target="_blank" >炫代码首页</a>