博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML 超链接<a>的几种用法
阅读量:6509 次
发布时间:2019-06-24

本文共 1082 字,大约阅读时间需要 3 分钟。

1、基本链接语法

补充:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

<base> 标签与<a>的组合用法:

  为页面上所有链接规定默认目标:

   <head> <base target="_blank" /> </head> 

2、HTML 链接 - target 属性

描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。能跳出框架。
framename 在指定的框架中打开被链接文档。

 <a href="//www.w3cschool.cn/" target="_blank">Visit W3CSchool!</a> 将在新窗口打开文档;

 <a href="http://www.w3cschool.cn/" target="_top">click here</a> 跳出框架,假如你的页面被固定在框架之内;

  补充:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="//www.w3cschool.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="//www.w3cschool.cn/html/",所以直接这样书写则只会产生一次HTTP请求。

 

3、HTML 连接- id 属性

id属性可用于创建在一个HTML文档书签标记。

在HTML文档中插入ID:

 
<p id="tips">Useful Tips Section</p> 

在HTML文档中创建一个链接到"有用的提示部分(id="tips")":

 
<a href="#tips">Visit the Useful Tips Section</a> 

或者,从另一个页面创建一个链接到"有用的提示(id="tips")部分":

 
<a href="//www.w3cschool.cn/html_links.htm#tips"> Visit the Useful Tips Section</a> 
 

4、<a>创建电子邮件链接

发送邮件

  注意: 单词之间空格使用 20% 代替,以确保浏览器可以正常显示文本。

更复杂的写法:

发送邮件!

注意: 单词之间空格使用 %20 代替,以确保浏览器可以正常显示文本。

 

转载于:https://www.cnblogs.com/Vayne-N/p/6769495.html

你可能感兴趣的文章
[Java] 图说 注解
查看>>
js实现天小时分钟秒倒计时
查看>>
浅谈Tomcat服务器优化方法
查看>>
面向对象访问修饰符
查看>>
安装oracle出现环境不满足最低要求
查看>>
Java并发编程(一)并发特性
查看>>
css3 渐变实例2径向渐变
查看>>
Python通用编程 - 第四章:字符编码
查看>>
好程序员java教程分享+号与append的效率问题
查看>>
滚动字幕标记<marquee></marquee>
查看>>
Hadoop2搭建Federation+HA
查看>>
bzoj 1066: [SCOI2007] 蜥蜴
查看>>
JQ和Js获取span标签的内容
查看>>
计算机网络的现实应用
查看>>
oracle笔记
查看>>
jQuery学习笔记(二)
查看>>
线性回归
查看>>
操作系统概述
查看>>
java研发工作组环境架设
查看>>
速度快的国外镜像国家
查看>>