• HTML <!--...--> 注释标签
  • HTML <!DOCTYPE> 声明
  • HTML <a> 标签
  • HTML <abbr> 标签
  • HTML <acronym> 标签 - HTML5 不支持
  • HTML <address> 标签
  • HTML <applet> 标签 - HTML5 不支持
  • HTML <area> 标签
  • HTML <article> 标签
  • HTML <aside> 标签
  • HTML <audio> 标签
  • HTML <b> 标签
  • HTML <base> 标签
  • HTML <basefont> 标签 - HTML5 不支持
  • HTML <bdi> 标签
  • HTML <bdo> 标签
  • HTML <big> 标签 - HTML5 不支持
  • HTML <blockquote> 标签
  • HTML <br> 标签
  • HTML <button> 标签
  • HTML <canvas> 标签
  • HTML <caption> 标签
  • HTML <body> 标签
  • HTML <center> 标签 - HTML5 不支持
  • HTML <cite> 标签
  • HTML <code> 标签
  • HTML <col> 标签
  • HTML <colgroup> 标签
  • HTML <command> 标签
  • HTML <datalist> 标签
  • HTML <dd> 标签
  • HTML <dl> 标签
  • HTML <dt> 标签
  • HTML <del> 标签
  • HTML <details> 标签
  • HTML <dfn> 标签
  • HTML <dialog> 标签
  • HTML <dir> 标签 - HTML5 不支持
  • HTML <div> 标签
  • HTML <embed> 标签
  • HTML <fieldset> 标签
  • 第一次 iis7站长之家
  • HTML <figure> 标签
  • HTML <font> 标签 - HTML5 不支持
  • HTML <footer> 标签
  • HTML <frame> 标签 - HTML5 不支持
  • HTML <frameset> 标签 - HTML5 不支持
  • HTML <head> 标签
  • HTML <header> 标签
  • HTML <hgroup> 标签
  • HTML <h1> - <h6> 标签
  • HTML <hr> 标签
  • HTML <em> 标签
  • HTML <i> 标签
  • HTML <iframe> 标签
  • HTML <img> 标签
  • HTML <input> 标签
  • HTML <ins> 标签
  • HTML <kbd> 标签
  • HTML <keygen> 标签
  • HTML <label> 标签
  • HTML <legend> 标签
  • HTML <li> 标签
  • HTML <link> 标签
  • HTML <map> 标签
  • HTML5 <mark> 标签
  • HTML <menu> 标签
  • HTML <meta> 标签
  • HTML <meter> 标签
  • HTML <nav> 标签
  • HTML <noframes> 标签HTML5不支持该标签
  • HTML <noscript> 标签
  • HTML <object> 标签
  • HTML <ol> 标签
  • HTML <optgroup> 标签
  • HTML <output> 标签
  • HTML <option> 标签
  • HTML <p> 标签
  • HTML <param> 标签
  • HTML <form> 标签
  • HTML <pre> 标签
  • HTML <html> 标签
  • HTML5 <progress> 标签
  • HTML <q> 标签
  • HTML <rp> 标签
  • HTML <rt> 标签
  • HTML <ruby> 标签
  • HTML <s> 标签
  • HTML <samp> 标签
  • HTML <script> 标签
  • HTML <section> 标签
  • HTML <select> 标签
  • HTML <small> 标签
  • HTML <source> 标签
  • HTML <span> 标签
  • HTML <strike> 标签 - HTML5 不支持
  • HTML <strong> 标签
  • HTML <style> 标签
  • HTML <sub> 标签
  • HTML <summary> 标签
  • HTML <sup> 标签
  • HTML <table> 标签
  • HTML <tbody> 标签
  • HTML <td> 标签
  • HTML <textarea> 标签
  • HTML <tfoot> 标签
  • HTML <th> 标签
  • HTML <thead> 标签
  • HTML <time> 标签
  • HTML <title> 标签
  • HTML <tr> 标签
  • HTML <track> 标签
  • HTML <tt> 标签 - HTML5 不支持
  • HTML <u> 标签
  • HTML <ul> 标签
  • HTML <var> 标签
  • HTML <video> 标签
  • HTML <wbr> 标签
  •  
    当前位置:  教程>HTML标签参考手册

    HTML <a> 标签

     
        发布时间:2017-1-14  


        本文导语: HTML<a>标签HTML <a>标签的实例链接到169it html教程 :<a href=/it-htmltag/"http_/www.">访问的html教程!</a>浏览器支持所有主流浏览器都支持/index.html <a> 标签。标签定义及使用说明<...

     

    HTML <a> 标签


    链接到169it html教程

    <a href="http://www.169it.com">访问的html教程!</a>



    浏览器支持

    Internet Explorer Firefox Opera Google Chrome Safari

    所有主流浏览器都支持 <a> 标签。


    标签定义及使用说明

    <a> 标签定义超链接,用于从一个页面链接到另一个页面。

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

    在所有浏览器中,链接的默认外观如下:

    • 未被访问的链接带有下划线而且是蓝色的

    • 已被访问的链接带有下划线而且是紫色的

    • 活动链接带有下划线而且是红色的


    提示注释

    提示:如果没有使用 href 属性,则不能使用 hreflangmediareltarget 以及 type 属性。

    提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。

    提示:请使用 CSS 来改变链接的样式


    HTML 4.01 与 HTML5之间的差异

    在 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。在 HTML5 中,<a> 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

    HTML5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。


    属性

    New :HTML5 中的新属性。

    属性描述
    charsetchar_encodingHTML5 不支持。规定目标 URL字符编码
    coordscoordinatesHTML5 不支持。规定链接的坐标
    downloadNewfilename指定下载链接
    hrefURL规定链接的目标 URL。
    hreflanglanguage_code规定目标 URL 的基准语言。仅在 href 属性存在时使用。
    mediaNewmedia_query规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
    namesection_nameHTML5 不支持。规定锚的名称。
    relalternate
    author
    bookmark
    help
    license
    next
    nofollow
    noreferrer
    prefetch
    prev
    search
    tag
    规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
    revtextHTML5 不支持。规定目标 URL 与当前文档之间的关系。
    shapedefault
    rect
    circle
    poly
    HTML5 不支持。规定链接的形状。
    target_blank
    _parent
    _self
    _top
    framename
    规定在何处打开目标 URL。仅在 href 属性存在时使用。
    typeNewMIME_type规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
    注:MIME = Multipurpose Internet Mail Extensions

    全局属性

    <a> 标签支持 HTML 的全局属性。


    事件属性

    <a> 标签支持 HTML 的事件属性。



    在HTML中怎么去掉超链接的下划线?

    “页面属性”——“链接”——“下划线样式”——“始终无下划线” 

    在HTML中怎么去掉超链接<a>标签下划线完整CSS代码如下

    <style type="text/css">
    <!--
    a:link {
     text-decoration: none;
    }
    a:visited {
     text-decoration: none;
    }
    a:hover {
     text-decoration: none;
    }
    a:active {
     text-decoration: none;
    }
    -->
    </style>

    HTML <a> 标签的重点属性: target 属性

    HTML <a> 标签target 属性定义和用法

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

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

    打开新窗口

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

    <h3>  Table of Contents</h3>

    <ul>

      <li><a href="/it-htmltag/pref.html" target="view_window"> Preface</a></li>

      <li><a href="/it-htmltag/chap1.html" target="view_window">  Chapter 1</a></li>

      <li><a href="/it-htmltag/chap2.html" target="view_window">  Chapter 2</a></li>

      <li><a href="/it-htmltag/chap3.html" target="view_window">  Chapter 3</a></li>

    </ul>


    当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 "view_window",然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接,且这个 "view_window" 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。

    在整个过程中,这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接,可使另一个窗口的内容发生变化。

    在框架中打开窗口

    不用打开一个完整的浏览器窗口,使用 target 更通常的方法是在一个 <frameset> 显示中将超链接内容定向到一个或者多个框架中。可以将这个内容列表放入一个带有两个框架的文档的其中一个框架中,并用这个相邻的框架来显示选定的文档:

    <frameset cols="100,*">
      <frame src="/it-htmltag/toc.html">
      <frame src="/Other//pref.html" name="view_frame">
    </frameset>

    当浏览器最初显示这两个框架的时候,左边这个框架包含目录,右边这个框架包含前言。

    这是 "toc.html" 的源代码

    <h3>Table of Contents</h3>
    <ul>
      <li><a href="/it-htmltag/pref.html" target="view_frame">Preface</a></li>
      <li><a href="/it-htmltag/chap1.html" target="view_frame">Chapter 1</a></li>
      <li><a href="/it-htmltag/chap2.html" target="view_frame">Chapter 2</a></li>
      <li><a href="/it-htmltag/chap3.html" target="view_frame">Chapter 3</a></li>
    </ul>

    请注意,在文档 "toc.html" 中,每个链接的目标都是 "view_frame",也就是右边的框架。

    当用户从左边框架中的目录中选择一个链接时,浏览器会将这个关联的文档载入并显示在右边这个 "view_frame" 框架中。当其他链接被选中时,右边这个框架中的内容也会发生变化,而左边这个框架始终保持不变。


    HTML中a标签target属性的四个值分别有什么区别?target属性的四个值用法的代码举例

    有 4 个保留的目标名称用作特殊的文档重定向操作:

    _blank

    浏览器总在一个新打开、未命名的窗口中载入目标文档。

    _self

    这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。

    _parent

    这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

    _top

    这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

    提示:这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符

    语法

    <a target="value">

    target属性值如下

    描述

    _blank 在新窗口中打开被链接文档。

    _self 默认。在相同的框架中打开被链接文档。

    _parent 在父框架集中打开被链接文档。

    _top 在整个窗口中打开被链接文档。

    framename 在指定的框架中打开被链接文档。

    target属性的四个值用法的代码举例如下

    <h3>Table of Contents</h3>
    <ul>
      <li><a href="/it-htmltag/pref.html" target="_blank">Preface</a></li>
      <li><a href="/it-htmltag/chap1.html" target="_self">Chapter 1</a></li>
      <li><a href="/it-htmltag/chap2.html" target="_parent">Chapter 2</a></li>
      <li><a href="/it-htmltag/chap3.html" target="_top">Chapter 3</a></li>
    </ul>


    • 本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:HTML <a> 标签
    相关文章推荐:


    站内导航:


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

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3