HTML超链接标签<a>
时间:2021-11-09 作者:
定义和用法
<a> 标签定义超链接,点击超链接会跳到它href属性指定的目标页面。
在所有浏览器中,链接的默认外观都是一样的:
没有被点击的的链接是蓝色的有下划线
已被点击的链接是紫色的带有下划线
鼠标停留在链接上是红色的带有下划线
默认的颜色、字体大小、下划线都可以被重新定义,可以使用 CSS 伪类 向文本超链接添加自己想要的样式。
超链接实例
指向 baidu 的超链接:
<a href="http://www.baidu.com">百度</a>
指向站内文章页的超链接:
<a href="http://www.yangzhiw.cn/jisuanji/48.html">HTML是什么</a>
显示效果为:HTML是什么
使用了多个属性的连接实例:
<a href="/jisuanji/48.html" target="_blank" shape="circle" coords="129,161,10" >HTML是什么</a>
上面的连接使用了target属性,值是_blank在新窗口打开,shape属性值为circle是圆形,使用shape属性需要coords属性配对使用,coords的格式是“x坐标,y坐标,半径”。
超链接的特性:
1.所有浏览器都支持 <a> 标签。
2.如果不使用 href 属性,则不可以使用:download, hreflang, media, rel, target 以及 type 属性。
3.被链接页面通常显示在当前浏览器窗口中,target 属性能够定义新的窗口打开。
<a> 标签支持的属性:
属性 | 值 | 描述 |
charset | char_encoding | HTML5 中不支持。规定被链接文档的字符集。 |
coords | coordinates | HTML5 中不支持。规定链接的坐标。 |
download | filename | 规定被下载的超链接目标。 |
href | URL | 你定义的指向的页面的地址。 |
hreflang | language_code | 被链接文档的语言。 |
media | media_query | 被链接文档是为何种媒介/设备优化的。 |
name | section_name | HTML5 中不支持。规定锚的名称。 |
rel | text | 当前文档与被链接文档之间的关系。 |
rev | text | HTML5 中不支持。规定被链接文档与当前文档之间的关系。 |
shape | default rect circle poly | 连接形状,默认。 矩形区域 圆形区域 多边形区域 |
target | _blank _parent _self _top framename | 连接打开位置,新窗口 上级窗口 当前窗口 顶级窗口 指定frame名称 |
type | MIME type | 规定被链接文档的的 MIME 类型。 |