<a href=""></a>
标签以及页面跳转功能是个是造网页时十分重要的标签, 对于写入各种子链接十分重要. 这里总结一下.
属性和方法
href
: 定义超链接指向的页面的 URL。也可以页内跳转(利用锚"#name"
),可以发送邮件. 注意若为文件夹网址,最好在最后加上/
target
: 规定何处打开超链接文档
_self
: 本窗口,默认值;
_blank
: 新窗口;
framename
: 这里是具体某个frame的”name”, 将在这个frame打开这个超链接.当前frame/页面不变.
_parent
: 在父框架集中打开被链接文档;
_top
: 用来清除frame的限制,使得在frame内点超链接会变回整个窗口化.
- 不存在的名称: 如果这个指定名称或id的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口.从此以后,超链接文档就可以指向这个新的窗口。以后点击指向这个target的超链接都会在这个新窗口中打开并跳转过去.
rel
: 规定当前文档与被链接文档之间的关系,一般给搜索引擎使用.
hreflang
: 规定被链接文档的语言。
name
: 定义锚名称, HTML5不支持
rev
: 和rel一样,HTML5不支持
shape
: 规定链接的形状(default,rect,circle,poly)。HTML5不支持.很多浏览器不支持.
charset
: 规定被链接文档的字符集。HTML5不支持
coords
: 规定链接的坐标。HTML5不支持
type
: 指明链接目标的MINE类型,如text/html.
download
: 规定被下载的超链接目标(其实就是下载后的名字,对于图片等可以自动后缀.真实连接还是在href). HTML5新属性
media
: 规定被链接文档是为何种媒介/设备优化的,如打印机,手机等会进行一些跳转后的设置. HTML5新属性
- 支持全局属性
document.getElementById(ID)
来调用
anchors[]
数组访问锚
blur()
, a对象方法把焦点从链接上移开
focus()
,给连接应用焦点.
CSS pseudo-class属性
a:link {color: #FF0000}
/* 未访问的链接 */
a:visited {color: #00FF00}
/* 已访问的链接 */
a:hover {color: #FF00FF}
/* 鼠标移动到链接上 */
a:active {color: #0000FF}
/* 选定的链接 */
- a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。a:active 必须被置于 a:hover 之后,才是有效的。
应用
文字或图片提供超链接
<a href="/example/html">我是超链接</a>
文字作为超链接
<a href="/example/html"><img src="/eg_buttonnext.gif" /></a>
图片作为超链接
页内跳转
邮件
href="mailto:yourmail@microsoft.com?subject=Hello%20again"
subject是题目, %20
是空格.
新窗口打开
<a href="http://myblog.com" target="_blank">My Blog</a>
No comments:
Post a Comment