HTML_链接

  1. 云栖社区>
  2. 博客>
  3. 正文

HTML_链接

twilight0402 2017-01-03 20:22:37 浏览283
展开阅读全文
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/53997617

链接格式

<a href=’url’ title=’注释’ target=’打开链接的窗口形式’>显示内容</a>

title 鼠标指在链接上时的提示
target _blank/_parent/_self/_top/framename 在何处打开目标 URL。
链接重要的使用原则,必须是回路,优化相关链接

    <body>
    <a href='' title='这是注释' target='_blank'>这是一个链接</a>
    </body>

链接类型

1.内部链接:
当前文档与目标文档在同一站点内
href=”位置和文件名”

2.外部链接:
href=’url’

3.E-mail链接:
href=’mailto:邮箱地址’

4.局部链接(锚点链接):
跳转到某个页面的某个位置

    创建锚点:<a name=’锚点名称’></a>
    链接锚点<a href=’#锚点名称’></a>

访问外部网页时自动跳转到指定锚点:
<a href=’url#锚点名称’></a>

5.空链接:
没有目标的链接,用于其他用途(设为首页/添加收藏)
<a href=’#’ ></a>

6.脚本链接
一种特殊的链接
打开新窗口:
<a href=’javascript:window.open(url)’>name</a>
关闭窗口:
<a href=’javascript:window.close()’>name</a>

网友评论

登录后评论
0/500
评论
twilight0402
+ 关注