扩展阅读
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • python实现html转ubb代码(html2ubb)
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • 在html运行的applet中需要访问oracle,在jb里可以连接,但直接点击html时就出现找不到类“sun.jdbc.odbd.JdbcOdbcDriver"?
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • 把 CDATA 中的内容(有可能是不规范的Html代码)以Html方式展现出来。
  •  
    当前位置:  Web服务器/前端>html/css

    HTML <a> 标签用法详解

     
    分享到:
        发布时间:2016-9-29  


        本文导语: HTML <a> 标签用法详解HTML <a> 标签的定义和用法<a> 标签可定义锚。锚 (anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或超链接)通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说...

    HTML <a> 标签用法详解

    HTML <a> 标签的定义和用法

    <a> 标签可定义锚。锚 (anchor) 有两种用法:

    通过使用 href 属性,创建指向另外一个文档链接(或超链接

    通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)

    <a> 标签最重要的属性是 href 属性,它指定链接的目标。

    HTML <a> 标签的重要属性

    属性        描述

    charset, char_encoding,HTML5 中不支持。规定被链接文档的字符集

    coords coordinates HTML5 中不支持。规定链接的坐标

    downloadfilename, 规定被下载的超链接目标。

    hrefURL规定链接指向的页面的 URL。

    href, langlanguage_code, 规定被链接文档的语言

    mediamedia_query, 规定被链接文档是为何种媒介/设备优化的。

    namesection_name, HTML5 中不支持。规定锚的名称。

    reltext, 规定当前文档与被链接文档之间的关系。

    rev, textHTML5 中不支持。规定被链接文档与当前文档之间的关系。

    shape  defaultrectcircle,poly  HTML5 中不支持。规定链接的形状。

    target_blank,_parent,_self,_top,framename 规定在何处打开链接文档。

    typeMIME type, 规定被链接文档的的 MIME 类型。

    HTML <a> 标签的标准属性

    id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

    HTML <a> 标签的事件属性

    onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup

    onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup


    HTML <a> 标签的重要的target 属性

    <a> 标签的 target 属性规定在何处打开链接文档。

    如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

    打开新窗口

    被指向的超链接使得创建高效的浏览工具变得很容易。例如,一个简单的内容文档的列表,可以将文档重定向到一个单独的窗口:

    <h3>Table of Contents</h3>
    <ul>
      <li><a href="pref.html" target="view_window">www.169it.com,Preface</a></li>
      <li><a href="chap1.html" target="view_window">www.169it.com,Chapter 1</a></li>
      <li><a href="chap2.html" target="view_window">www.169it.com,Chapter 2</a></li>
      <li><a href="chap3.html" target="view_window">www.169it.com,Chapter 3</a></li>
    </ul>

    HTML <a> 标签的四种状态

    一般来说,a标签有着四种状态,分别是link,hover,active,visited。具体用法如下:

    HTML <a> 标签的四种状态


    1. 如果不使用<a> 标签的 href 属性,则不可以使用如下属性:download, hreflang, media, rel, target 以及 type 属性

    2. 被链接页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(target 属性)。

    3. 请使用 CSS 来设置链接的样式


    HTML <a> 标签实例

    HTML <a> 标签详细用法举例1, 创建超级链接

    <html>
    <body>
    <p>
    <a href="www.169it.com">首页</a>
    </body>
    </html>

    HTML <a> 标签详细用法举例2,在新的浏览器窗口打开链接即HTML <a> 标签的 target 属性

    <html>
    <body>
    <a href="http://www.169it.com/" target="_blank">访问169it</a>
    <p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>
    </body>
    </html>

    HTML <a> 标签详细用法举例3, 跳出框架

    <html>
    <body>
    <p>被锁在框架中了吗?</p> 
    <a href="/index.html"
    target="_top">请点击这里!</a> 
    </body>
    </html>



    • 本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.169IT.COM)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:HTML <a> 标签用法详解
    相关文章推荐:
  • html<pre>标签自动换行实现方法
  • 留言板问题,如何过滤掉html标签 防止别人引用html的标签呢??如<font color=red>测试</font>
  • HTML 5 <!DOCTYPE> HTML文档规范声明标签
  • C#实现过滤html标签并保留a标签的方法
  • PHP去除html标签,php标记及css样式代码参考
  • jquery删除指定的html标签并保留标签内文本内容的方法
  • HTML5 <audio> 标签-在html中定义声音的标签
  • 删除html标签得到纯文本可处理嵌套的标签
  • Html checkbox标签如何设置默认选中以及用js操作checkbox代码示例
  • php转换html标签小例子
  • HTML 5 <body> 标签-定义文档的主体
  • 移除HTML标签的正则表达式
  • HTML5 <bdo> 标签:覆盖默认的文本方向
  • html小技巧之td,div标签里内容不换行
  • HTML 5 <br> 标签-插入简单的换行符
  • PHP删除HTMl标签的代码
  • HTML中的<select>标签如何设置默认选中的选项
  • PHP中HTML标签过滤技巧
  • HTML 5 <base> 标签-规定页面中所有链接的基准 url
  • php 判断字符串是否包含html标签
  • HTML5 <blockquote> 标签(定义引用)详细介绍及举例说明
  • 多媒体HTML标签生成类 AutoEmbed


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

    浙ICP备11055608号