文章
专题
学习
下载
问答
编程词典
手游
PHP
大前端
登录
简体中文(ZH-CN)
English(EN)
繁体中文(ZH-TW)
日本語(JA)
한국어(KO)
Melayu(MS)
Français(FR)
Deutsch(DE)
HTML 开发手册
收藏(325)
分享
目录
搜索
书签
HTML 教程- (HTML5 标准)
HTML 教程
HTML 简介
HTML 编辑器
HTML 基础- 4个实例
HTML 元素
HTML 属性
HTML 标题
HTML 段落
HTML 文本格式化
HTML 链接
HTML 头部
HTMLCSS
HTML 图像
HTML 表格
HTML 列表
HTML 区块
HTML 布局
HTML 表单
HTML 框架
HTML 颜色
HTML 颜色名
HTML 颜色值
HTML脚本
HTML 字符实体
HTML 网址
HTML 速查列表
HTML 总结
HTML-XHTML
HTML 媒体
HTML 多媒体
HTML 插件
HTML 音频(Audio)
HTML 视频（Videos）
HTML 标签
<一>
<缩写>
<缩写词>
<地址>
<小程序>
<区域>
<文章>
<旁白>
<音频>
<基地>
<基本字体>
<大>
<块引用>
<正文>
<按钮>
<画布>
<标题>
<中心>
<引用>
<代码>
<栏>
<命令>
<数据列表>
<删除>
<详情>
<对话框>
<目录>
<嵌入>
<字段集>
<图标题>
<图>
<字体>
<页脚>
<表格>
<框架>
<框架集>
<头>
<标题>
-
<小时>
<我>
</a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-img.html"><图片></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-input.html"><输入></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-ins.html"><ins></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-kbd.html"><KBD></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-keygen.html"><注册机></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-label.html"><标签></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-legend.html"><图例></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-li.html"><li></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-link.html"><链接></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-map.html"><地图></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-mark.html"><标记></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-menu.html"><菜单></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-meta.html"><元></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-meter.html"><米></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-nav.html"><导航></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-noframes.html"><无帧></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-noscript.html"><无脚本></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-object.html"><对象></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-ol.html"><ol></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-optgroup.html"><选择组></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-option.html"><选项></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-output.html"><输出></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-p.html"><p></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-param.html"><参数></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-pre.html"><前></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-html.html"><html></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-progress.html"><进度></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-q.html"><q></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-rp.html"><rp></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-rt.html"><rt></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-ruby.html"><红宝石></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-s.html"><s></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-samp.html"><样本></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-script.html"><脚本></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-section.html"><部分></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-select.html"><选择></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-small.html"><小></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-source.html"><来源></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-span.html"><跨度></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-strike.html"><罢工></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-strong.html"><强></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-style.html"><风格></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-sub.html"><子></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-summary.html"><摘要></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-sup.html"><sup></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-table.html"><表></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-tbody.html"><正文></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-td.html"><td></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-textarea.html"><文本区域></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-tfoot.html"><t脚></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-th.html"><第></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-thead.html"><标题></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-time.html"><时间></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-title.html"><标题></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-tr.html"><tr></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-track.html"><曲目></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-tt.html"><TT></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-u.html"><u></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-ul.html"><ul></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-var.html"><曾经></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-video.html"><视频></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-wbr.html"><br></a> </dd> </dl></li> </ul> </div> </div> </div> <div class="content"> <article class="phpcn-col-md9"> <div class="c-site"> <div class="c-site-a"> <a href="//m.sbmmt.com/zh/course/27.html">HTML 开发手册</a> <span>/</span><a> </div> </div> <div class="article-intro"> <h1 class="manual_con_title"><a></h1> <p class="intro">HTML <a> 标签定义超链接，用于从一个页面链接到另一个页面。<a> 元素最重要的属性是 href 属性，它指定链接的目标。</p> <hr> <h1>HTML<span class="color_h1"><a></span>标签</h1> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <a href="//m.sbmmt.com">访问php中文网!</a> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2495">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <hr> <h2>浏览器支持</h2> <p><img src="https://img.php.cn/upload/image/114/613/426/1476946053881156.png" title="1476946053881156.png" alt="1000.png"></p> <p>所有主流浏览器都支持 <a> 标签。</p> <hr> <h2>标签定义及使用说明</h2> <p><strong><span style="font-size: 16px;">a标签是什么意思？</span></strong></p> <p><a> 标签定义超链接，用于从一个页面链接到另一个页面。</p> <p><a> 元素最重要的属性是 href 属性，它指定链接的目标。</p> <p>在所有浏览器中，链接的默认外观如下：</p> <ul> <li><p>未被访问的链接带有下划线而且是蓝色的</p></li> <li><p>已被访问的链接带有下划线而且是紫色的</p></li> <li><p>活动链接带有下划线而且是红色的</p></li> </ul> <hr> <h2>提示和注释</h2> <p><strong>提示：</strong>如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。</p> <p><strong>提示：</strong>通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target。</p> <p><strong>提示：</strong>请使用 CSS 来改变链接的样式。</p> <hr> <h2>HTML 4.01 与 HTML5之间的差异</h2> <p>在 HTML 4.01 中，<a> 标签既可以是超链接，也可以是锚。在 HTML5 中，<a> 标签是超链接，但是假如没有 href 属性，它仅仅是超链接的一个占位符。</p> <p>HTML5 有一些新的属性，同时不再支持一些 HTML 4.01 的属性。</p> <hr> <h2>属性</h2> <p><span class="new" style="float:left">New</span>：HTML5 中的新属性。</p> <table class="reference notranslate" id="table1"> <tbody> <tr class="firstRow"> <th width="20%" align="left">属性</th> <th width="20%" align="left">值</th> <th align="left">描述</th> </tr> <tr> <td>charset</td> <td><em>char_encoding</em></td> <td><span class="deprecated">HTML5 不支持。</span>规定目标 URL 的字符编码。</td> </tr> <tr> <td>coords</td> <td><em>coordinates</em></td> <td><span class="deprecated">HTML5 不支持。</span>规定链接的坐标。</td> </tr> <tr> <td>download<span class="new">New</span></td> <td><em>filename</em></td> <td>指定下载链接</td> </tr> <tr> <td>href</td> <td><em>URL</em></td> <td>规定链接的目标 URL。</td> </tr> <tr> <td>hreflang</td> <td><em>language_code</em></td> <td>规定目标 URL 的基准语言。仅在 href 属性存在时使用。</td> </tr> <tr> <td>media<span class="new">New</span></td> <td><em>media_query</em></td> <td>规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。</td> </tr> <tr> <td>name</td> <td><em>section_name</em></td> <td><span class="deprecated">HTML5 不支持。</span>规定锚的名称。</td> </tr> <tr> <td>rel</td> <td>alternate<br>author<br>bookmark<br>help<br>license<br>next<br>nofollow<br>noreferrer<br>prefetch<br>prev<br>search<br>tag</td> <td>规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。</td> </tr> <tr> <td>rev</td> <td><em>text</em></td> <td><span class="deprecated">HTML5 不支持。</span>规定目标 URL 与当前文档之间的关系。</td> </tr> <tr> <td>shape</td> <td>default<br>rect<br>circle<br>poly</td> <td><span class="deprecated">HTML5 不支持。</span>规定链接的形状。</td> </tr> <tr> <td>target</td> <td>_blank<br>_parent<br>_self<br>_top<br><em>framename</em></td> <td>规定在何处打开目标 URL。仅在 href 属性存在时使用。</td> </tr> <tr> <td>type<span class="new">New</span></td> <td><em>MIME_type</em></td> <td>规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。<br>注：MIME = Multipurpose Internet Mail Extensions。</td> </tr> </tbody> </table> <h2>全局属性</h2> <p><a> 标签支持 HTML 的全局属性。</p> <hr> <h2>事件属性</h2> <p><a> 标签支持 HTML 的事件属性。</p> <hr> <div class="tryit_ex"> <br> <h2>尝试一下 - 实例</h2> </div> <p>创建超级链接<br>本例演示如何在 HTML 文档中创建链接。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <link rel="stylesheet" type="text/css" href="styles.css"> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <h1>我使用了外部样式文件来格式化文本 </h1> <p>我也是!</p> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2496">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>将图像作为链接<br>本例演示如何使用图像作为链接。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <p> 图像作为链接: <a href="//m.sbmmt.com"> <img border="0" alt="w3cschool" src="logo.png" width="100" height="100"> </a> </p> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2497">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>在新的浏览器窗口打开链接<br>本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开您的站点了。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <a href="//m.sbmmt.com/" target="_blank">访问php中文网!</a> <p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2498">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>创建电子邮件链接<br>本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <p> 这是一个电子邮件链接： <a href="mailto:someone@example.com?Subject=Hello%20again" target="_top"> 发送邮件</a> </p> <p> <b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly. </p> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2499">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>创建电子邮件链接 2<br>本例演示更加复杂的邮件链接。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <body> <p> This is another mailto link: <a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">Send mail!</a> </p> <p> <b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly. </p> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2500">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>使用锚跳转到同一个页面的不同位置<br>本例演示如何使用锚的 id 属性跳转到页面的不同位置（ HTML5 不支持 name 属性）。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <h2><a id="top">这是标题，底部链接可以链接到这</a></h2> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <a href="#top">链接到标题</a> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2501">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <hr> <h2>相关文章</h2> <p>HTML 教程：HTML 链接</p> <p>HTML DOM 参考手册： Anchor 对象</p> </div> <div class="previous-next-links"> <div class="previous-design-link"> ← <a href="//m.sbmmt.com/zh/tags/tag-doctype.html" rel="prev"><!DOCTYPE></a> </div> <div class="next-design-link"> <a href="//m.sbmmt.com/zh/tags/tag-abbr.html" rel="next"><abbr></a>→ </div> </div> </article> <div class="right-item phpcn-col-md2"> <ul> <li><h3>教程导航</h3> <dl class="navigation"> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" target="_blank" title="大前端">大前端</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="超文本标记语言">超文本标记语言</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="CSS">CSS</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="HTML5">HTML5</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="CSS3">CSS3</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="JavaScript">JavaScript</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="jQuery">jQuery</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="Vue.js">Vue.js</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="反应">反应</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="AngularJS">AngularJS</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="Node.js">Node.js</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="阿贾克斯">阿贾克斯</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="引导程序">引导程序</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="基础">基础</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/2/type/3.html" target="_blank" title="JavaScript">JavaScript</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/2/type/3.html" title="高图表">高图表</a> <a href="//m.sbmmt.com/zh/course/list/2/type/3.html" title="地图应用程序接口">地图应用程序接口</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" target="_blank" title="后端开发">后端开发</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="PHP">PHP</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="ThinkPHP">ThinkPHP</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="拉维尔">拉维尔</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="Python">Python</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="去">去</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="爪哇">爪哇</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="C">C</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="C++">C++</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="C＃">C＃</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="联合应用程序">联合应用程序</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="姜戈">姜戈</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="网络平台">网络平台</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="ASP">ASP</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="XML">XML</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="红宝石">红宝石</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="Python3">Python3</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="珀尔">珀尔</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="服务程序">服务程序</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="卢阿">卢阿</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="斯卡拉">斯卡拉</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="应用机器学习">应用机器学习</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="VB脚本">VB脚本</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" target="_blank" title="数据库">数据库</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="MySQL">MySQL</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="雷迪斯">雷迪斯</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="甲骨文">甲骨文</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="MongoDB">MongoDB</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="内存缓存">内存缓存</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="SQL服务器">SQL服务器</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" target="_blank" title="移动端">移动端</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="小程序">小程序</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="统一应用程序">统一应用程序</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="扑">扑</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="安卓">安卓</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="iOS系统">iOS系统</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="迅速">迅速</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="其它">其它</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" target="_blank" title="运维开发">运维开发</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="Linux">Linux</a> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="码头工人">码头工人</a> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="Php学习">Php学习</a> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="git">git</a> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="其它工具">其它工具</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" target="_blank" title="UI设计">UI设计</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" title="阿胡尔">阿胡尔</a> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" title="多维控制">多维控制</a> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" title="网页表格">网页表格</a> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" title="聚苯乙烯">聚苯乙烯</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" target="_blank" title="计算机基础">计算机基础</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="设计模式">设计模式</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="正则表达式">正则表达式</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="HTTP协议">HTTP协议</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="网站建设指南">网站建设指南</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="浏览器信息">浏览器信息</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="网站主机">网站主机</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="TCP/IP">TCP/IP</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="万维网联盟">万维网联盟</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="基本代码">基本代码</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" target="_blank" title="XML">XML</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="DTD">DTD</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="XML文档对象模型">XML文档对象模型</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="XSLT">XSLT</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="X路径">X路径</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="X查询">X查询</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="星联">星联</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="X指针">X指针</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="XML模式">XML模式</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="XSL-FO">XSL-FO</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="静止无功发生器">静止无功发生器</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" target="_blank" title="网页服务">网页服务</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="网页服务">网页服务</a> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="WSDL">WSDL</a> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="肥皂">肥皂</a> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="RSS">RSS</a> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="RDF">RDF</a> </div> </dd> </dl></li> </ul> </div> </div> <div id="codeMark"></div> <div id="codeMain"> <div class="left"> <div id="codeEditor"></div> <div class="editor-btn"> <div class="editor-btn-inner"> <a href="javascript:;" class="code-btn-submit r" id="J_Commit" title="提交">提交</a> </div> </div> </div> <div class="right"> <div id="codeResult"></div> </div> <div id="close"></div> </div> </body> </html>
