a标签的一些学习
2016-09-03 本文已影响0人
夜月行者
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>
