a标签的一些学习
因为a标签在实际应用过程中使用的比较多,总结一下
demo
<a href="http://www.w3school.com.cn">W3School</a>
定义和用法
<a>
标签定义超链接,用于从一张页面链接到另一张页面。
<a>
元素最重要的属性是 href 属性,它指示链接的目标。
在所有浏览器中,链接的默认外观是:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
a标签的属性
属性名 | 属性值 | 描述 |
---|---|---|
href | url | 规定连接指向的页面url |
name | section_name | 规定锚的名称 (h5不支持) |
rel | text | 规定当前文档和被连接文档之间的关系 |
target | _blan, _parent, _self, _toop, frame_anme | 规定在何处打开连接 |
target的具体解释
target属性值 | 解释 | 使用示例 |
---|---|---|
_blank | 浏览器总在一个新打开、未命名的窗口中载入目标文档,就是打开新的标签页 |
|
_self | a标签的默认情况,在相同的框架或者窗口下显示,说白了,如果这个a标签是在iframe中,那么就会在那个iframe中打开,反之在浏览器中打开 |
|
_parent | 在打开这个链接的父窗口打开目标,如果这个a标签在窗口或者顶级框架中,那么和_self是一样效果 | |
_top | 在保函该超链接的窗口打开该文档,会清除所用被保函的框架,并将文档载入整个浏览器窗口 | |
frame_name | 就是在iframe中打开,定义了一个iframe name= "aaa",a标签的target="aaa" |
使用示例
_blank,_self,_top
<ul>
<li><a href="pref.html" target="_blank">Preface</a></li>
<li><a href="chap1.html" target="_self">Chapter 1</a></li>
<li><a href="chap2.html" target="_top">Chapter 2</a></li>
</ul>
frame_name示例
<body>
<h3>Table of Contents</h3>
<ul>
<li><a href="/example/html/pref.html" target="view_window">Preface</a></li>
<li><a href="/example/html/chap1.html" target="view_window">Chapter 1</a></li>
<li><a href="/example/html/chap2.html" target="view_window">Chapter 2</a></li>
<li><a href="/example/html/chap3.html" target="view_window">Chapter 3</a></li>
</ul>
<iframe name = "view_window"></iframe>
</body>