欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> html a目录
以下是DIVCSS5整理关于html a、html超链接基础教程，希望对超链接学习之前可以理解中a标签的知识及掌握用法。
一、html a语法
&a href=&网址、链接地址& target=&目标& title=&说明&&被链接内容&/a&
html a锚文本超链接结构图
同时锚文本_锚链接又被大家称为超链接。
网址，网址一定加上http://+域名
相对路径，如htef=&/abc/&,代表本站内锚文本
target目标值如下：
_blank -- 在新窗口中打开链接 _parent -- 在父窗体中打开链接 _self -- 在当前窗体打开链接,此为默认值 _top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)
如果target不带值，代表在本页父窗体中打开链接
A标签内常用属性：
1）、href：打开目标地址（网址），一般填写将要转到目标地址。如href=&http://www.divcss5.com/&这样浏览者在网页中鼠标点击对应此锚文本将打开到网页http://www.divcss5.com/
2）、target：打开目标方式
如果a标签内没有此元素，默认是在浏览网页中重新载入对应链接网页
_blank ：新建标签窗口页，设置此属性，点击锚文本后对应新建标签网页窗口卡打开对应地址
_parent：父级打开网页，此属性可以理解为本页网页从新载入锚文本的网页，针对html框架iframe网页中，整个网页将重新载入打开目标网址地址
常用就此两种打开目标方式，一个是新建窗口、一个不设置target将本页重新载入锚文本地址指向URL、一个是整个网页父级重新载入（类似于没有设置target）相同效果。
二、html a作用
使用a锚链接可以从A页面转到B页面，也就是常常见到和使用的，如新闻网站，我们看到标题觉得感兴趣，鼠标点击然后进入另外页面了解详情。这个就是html a超链接运用。
三、html a应用实例
&a href=&http://www.divcss5.com/& target=&_blank& title=&转到DIVCSS5主页&&DIVCSS5&/a&
四、html a实例截图
html a锚文本_HTML超链接截图
五、html a适用范围
使用html a可以对图片进行锚文本超链接
&a href=&http://www.divcss5.com/& target=&_blank& title=&转到DIVCSS5主页&&&img src=&http://www.divcss5.com/css-images/css-logo.gif& /&&/a&
可以对文字内容进行锚文本超链接
&a href=&http://www.divcss5.com/&&DIVCSS5&/a&
html超链接截图
六、html a应用扩展
同页面锚文本-同页面内上下转到指定位置
常常看见我们页面底部点击 &回到顶部&链接就会转到网页顶部实现。
1、首先我们在网页内最上面添加一个&span id=&top& name=&top&&&/span&
2、我们再到body内，需要出现点击后转到顶部位置添加，&a href=&#top&&回到顶部&/a&
这样就可实现点击&回到顶部&即可本页内快速浏览到网页顶部位置。
使用语法：
1、需要转到地方添加，&a href=&#命名&&文字&/a&，注意href值是#开头+英文字母
2、需要在被转到位置添加，&span id=&命名& name=&命名&&&/span&，注意id和name值相同并且与a命名相同
你可能还希望了解:
，,、如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • •
必备HTML基础教程 Essential HTML Tutorials
&最新文章NEWS• • • • • • • • • • 相关文章RELATED• • • • • • • • • • CSS EFFECTS / CSS MODULE如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 17:28
原创：本文www.divcss5.com DIVCSS5版权所有。 DIVCSS5.com 学习与资源分享平台HTML 参考手册
HTML &a& 标签
链接到菜鸟教程 ：
&a href=&http://www.runoob.com&&访问菜鸟教程!&/a&
（更多实例见页面底部）
浏览器支持
所有主流浏览器都支持 &a& 标签。
标签定义及使用说明
&a& 标签定义超链接，用于从一个页面链接到另一个页面。
&a& 元素最重要的属性是 href 属性，它指定链接的目标。
在所有浏览器中，链接的默认外观如下：
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
提示和注释
提示：如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。
提示：通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target。
提示：请使用 CSS 来改变链接的样式。
HTML 4.01 与 HTML5之间的差异
在 HTML 4.01 中，&a& 标签既可以是超链接，也可以是锚。在 HTML5 中，&a& 标签是超链接，但是假如没有 href 属性，它仅仅是超链接的一个占位符。
HTML5 有一些新的属性，同时不再支持一些 HTML 4.01 的属性。
New&：HTML5 中的新属性。
char_encoding
HTML5 不支持。规定目标 URL 的字符编码。
coordinates
HTML5 不支持。规定链接的坐标。
指定下载链接
规定链接的目标 URL。
language_code
规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media_query
规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
section_name
HTML5 不支持。规定锚的名称。
noreferrer
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
HTML5 不支持。规定目标 URL 与当前文档之间的关系。
HTML5 不支持。规定链接的形状。
规定在何处打开目标 URL。仅在 href 属性存在时使用。
规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。
&a& 标签支持 。
&a& 标签支持 。
尝试一下 - 实例
本例演示如何在 HTML 文档中创建链接。
本例演示如何使用图像作为链接。
本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开您的站点了。
本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）
本例演示更加复杂的邮件链接。
本例演示如何使用锚的 id 属性跳转到页面的不同位置（ HTML5 不支持 name 属性）。
HTML 教程：
HTML DOM 参考手册：
感谢您的支持，我会继续努力的!
扫码打赏，你说多少就多少
记住登录状态
重复输入密码posts - 284,&
comments - 21,&
trackbacks - 0
一、绝对跳转
& &&a href="http://www.baidu.com/"&百度&/a&
二、相对跳转有如下方式，需要了解（以下的例子中，分别以你的例子和带.html尾缀进行演示）：
转载:http://www.cnblogs.com/theWayToAce/;
& & 1. 本目录的使用（与本文件在相同的文件夹下）：
& & & & &&a href="123456"&
& & & & &&a href="123456.html"&
& & 2. 本目录下的子文件夹（设文件夹名为newdoc）的使用：
& & & & &&a href="newdoc/123456"&
& & & & &&a href="newdoc/123456.html"&
& & 3. 本目录下的子文件夹下的子文件夹（设文件夹名为newdoc2）的使用(如果更多层，则依此类推)：
& & & & &&a href="newdoc/newdoc2/123456"&
& & & & &&a href="newdoc/newdoc2/123456.html"&
& & 4. 本目录上一层父目录的使用：
& & & & &&a href="../123456"&
& & & & &&a href="../123456.html"&
& & 5. 本目录上两层父目录的使用(如果更多层，则依此类推)：
& & & & &&a href="../../123456"&
& & & & &&a href="../../123456.html"&
& & 6. 本目录上一层父目录下一个名为new文件夹下的使用(也就是和本文件所在的文件夹在相同目录下的那个new文件夹)：
& & & & &&a href="../new/123456"&
& & & & &&a href="../new/123456.html"&
三、用于内部连接吧，叫锚定
& & 1、同页面跳转:&
& & &a href="#q1"&问题一?&/a&&
& & &a href="#q1"&问题二?&/a&&
& & &a href="#q1"&问题二?&/a&&
& & &!-- 添加锚的方法 --&
& & &a name="q1"&问题一的解答&/a&&
& & 2、不同页面跳转:&
& & a.html的内容 &a href="b.html#q1"&问题一?&/a&&
& & b.html的内容 &a name="q1"&问题一的解答&/a&
& & 1.确定在同一个页面打开
& & &a href="#q1"&问题一?&/a&&
& & &a href="#q2"&问题二?&/a& &这样写不是在同一个页面打开的话，要加 target="_self"
& & 如下： &
& & &a href="#q1" target="_self" &问题一?&/a&&
& & &a href="#q2" target="_self" &问题二?&/a&
& & 添加锚点就是为了在同一个页面方便快捷地找到相应位置，所以要确定在同一个页面打开才好，呵呵
& & 2.只要是跳到同一个地方，锚点名称必须是一样的。
& & 3.添加锚点，起始位置和结束位置必须都是用&a&&/a&标记来写的，前面是用href="#锚点名"，后面是name="锚点名"；
& & & 可参考：
& & 1. &a href="#"&&
& & & # -- 代表空连接,连接的是自己即什么也不做。
　　&a href="#" onclick="window.close()"&关闭&/a&
　　将href="#"是指联接到当前页面，其实是无意义的，页面也不会刷新，关键是后面的onclick，当点击&关闭&时，会执行window.close()代码。
　　你或许会说为什么不直接写成&a onclick="window.close()"&关闭&/a&
　　如果这样写，关闭这两个字就不会作为超联接处理，效果看上去会差一些。你可以自己试试。
& & 2. &a href="#news"&&
& & & #new -- 跳到本页的new位置,用法:&a name="new"&&/a&
五、详解a href=#与 a href=javascript:void(0) 的区别
a href=# 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP，javascript:void(0) 点击链接后，页面不动，只打开链接。
1、a href="#"& 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP 2、&a href="javascript:void(0)" onClick="window.open()"& 点击链接后，页面不动，只打开链接 3、&a href="#" onclick="javascript:"& 作用同上，不同浏览器会有差异。 点击链接后，不想使页面滚到页首，就用href="javascript:void(0)"，不要用href="#"，return false也有类似作用 详解href="#"与href="javascript:void(0)"的区别 "#"包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 或者&input onclick& &div onclick&等 打开新窗口链接的几种办法 1.window.open('url') 2.用自定义函数
&script& function openWin(tag,obj) { obj.target="_blank"; obj.href = "Web/Substation/Substation.aspx?stationno="+ obj.click(); } &/script& &a href="javascript:void(0)" onclick="openWin(3,this)"&LINK_TEST&/a&
window.location.href="" ------------------------------------------------------------------------------- 如果是个# ，就会出现跳到顶部的情况,个人收藏的几种解决方法： 1：&a href="####"&&/a& 2：&a href="javascript:void(0)"&&/a& 3：&a href="javascript:void(null)"&&/a& 4：&a href="#" onclick="return false"&&/a& 5：&span style="cursor:hand"&&/span&(好像在FF中不能显示) ------------------------------------------------------------------------------- 慎用JavaScript:void(0) 今
天调试CGI的时候，明明CGI程序已经执行，并且最后结果也是正确的，但是页面就是不刷新。在FireFox2.0下测试，结果却是正常的，IE6却偏
偏不刷新！仔细调查了一下，发现cgi页面链接的是 &a href="javaScript:void(0)"
OnClick="XXX_Func();" &.& only a sample
&/a&,问题就出在这个void(0)上!让我们先来看看JavaScript中void(0)的含义: JavaScript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下： 1. javascript:void (expression_r_r) 2. javascript:void expression_r_r expression_r_r
是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的，但是写上去是一个好习惯。我们可以使用 void
操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接，当用户点击以后不会发生任何事。当用户点击链接
时，void(0) 计算为 0，但在 JavaScript 上没有任何效果。 &a href="javascript:void(0)"&单击此处什么也不会发生&/a& 也就是说，要执行某些处理，但是不整体刷新页面的情况下，可以使用void(0),但是在需要对页面进行refresh的情况下，那就要仔细了。 其
实我们可以这样用&a
href="javascript:void(document.form.submit())"&，这句话会进行一次submit操作。那什么情
况下用void(0)比较多呢，无刷新，当然是Ajax了，看一下Ajax的web页面的话，一般都会看到有很多的void(0)，：）　，所以在使用
void(0)之前,最好先想一想,这个页面是否需要整体刷新。 使用javascript的时候,通常我们会通过类似: &a href="#" onclick="javascript:方法"&提交&/a& 的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是: 虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false. 如下所示: &a href="#" onclick="javascript:方法;"&提交&/a& 还可以用 ### a href="javascript:void(0)" onclick="javascript:方法;"提交 javascript:void(0)就不会向上跳了:) 还有一个方法是 #this a href="#this" onclick="javascript:方法"
阅读(...) 评论()html中&a&标签中锚点的用法
在html中,&a&标签作为超级链接使用频繁，然后我们在日常浏览网页的时候，经常会看到它的另一种作用--锚点。通俗来说就是给页面的某些位置打上&标记&日后便于寻找。
& 实际生活中，我们在浏览一个较长的页面时，往往会看一个类似&top&的控件，实际上这就是锚点的作用，当我们触发这个控件时便能回到页面顶部，即回到页面标记的锚点位置。下面看一下具体代码：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Strict//EN& &https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&&
&html xmlns=&https://www.w3.org/1999/xhtml& lang=&zh-CN&&
&title&colajia&/title&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&meta name=&description& content=&& /&
&a href=&maodian.html#j1&&p1&/a&
&a href=&maodian.html#j2&&p2&/a&
&a href=&maodian.html#j3&&p3&/a&
&a name=&j1&&&/a&
&a name=&j2&&&/a&
&a name=&j3&&&/a&在HTML中A标签和URL标签的区别是什么？哪个好些？_百度知道
在HTML中A标签和URL标签的区别是什么？哪个好些？
在别的网站上加链接，有的网页可以用A标签，有的可以用URL标签，有的两种都可以，而有的两种都不可以。我想问一下，如果A标签和URL标签都不能形成链接，那么，用什么语法。...
在别的网站上加链接，有的网页可以用A标签，有的可以用URL标签，有的两种都可以，而有的两种都不可以。我想问一下，如果A标签和URL标签都不能形成链接，那么，用什么语法。
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
liminglong
liminglong
采纳数：27
获赞数：107
URL：网址&a href=&url&&&/a&：超链接标签
&a href=&url&&&/a&标示连接到url指向的网址&a name=&label&&锚&/a&定义一个猫&a href=&#label&&跳转到锚&/a&没有url标示连接到定义为label的锚
window.location.href=''
location.href
其他1条回答
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。