HTML <a> 标签

  • <a>标签定义和用法

    <a>标签定义了一个超链接,用于从一个页面链接到另一个页面。
    <a>元素最重要的属性是href属性,它指示链接的目标。
    默认情况下,链接将在所有浏览器中显示如下:

    • 未访问的链接带有下划线和蓝色
    • 访问链接带有下划线和紫色
    • 活动链接带有下划线和红色

  • <a>浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持
  • <a>实例

    <a href="https://www.cainiaoya.com">菜鸟教程首页(https://www.cainiaoya.com)</a>
    尝试一下
  • <a>HTML4.01和HTML5之间的差异

    在HTML 4.01中,<a>标记可以是超链接或锚点。在HTML5中,<a>标记始终是超链接,但如果它没有href属性,则它只是超链接的占位符。 HTML5具有一些新属性,并且不再支持某些HTML 4.01属性。

  • <a>提示和注意事项

    提示:以下属性:如果href属性不存在,则不能显示download,hreflang,media,rel,target和type。
    提示:链接页面通常显示在当前浏览器窗口中,除非您指定另一个目标。
    提示:使用CSS来设置链接样式:CSS教程

  • <a>属性

    橙色的5代表HTML5新功能。

    属性 描述
    charset 字符编码名称 HTML5不支持。
    指定链接文档的字符集
    coords 坐标 HTML5不支持。
    指定链接的坐标
    download5 文件名 指定当用户单击超链接时将下载目标
    href URL 指定链接指向的页面的URL
    hreflang 语言代码 指定链接文档的语言
    media5 媒体查询 指定链接文档优化的媒体/设备
    name 小节名称 HTML5不支持。用全局的 id属性 代替。
    指定锚的名称
    ping5 URL列表 指定一个空格分隔的url列表,在链接之后,将通过浏览器(在后台)发送带有正文ping的post请求。通常用于跟踪。
    rel alternate
    author
    bookmark
    external
    help
    license
    next
    nofollow
    noreferrer
    noopener
    prev
    search
    tag
    指定当前文档和链接文档之间的关系
    rev text HTML5不支持。
    指定链接文档和当前文档之间的关系
    shape default
    rect
    circle
    poly
    HTML5不支持。
    指定链接的形状
    target _blank
    _parent
    _self
    _top
    framename
    指定在何处打开链接文档
    type 媒体类型 指定链接文档的媒体类型
  • <a>全局属性

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

    查看有关全局属性的更多知识。

  • <a>事件属性

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

    查看有关事件属性的更多知识。

  • <a>默认CSS设置

    大多数浏览器将使用以下默认值显示<a>元素:

    <a:link, a:visited { 
        color: (internal value);
        text-decoration: underline;
        cursor: auto;
    }
    
    a:link:active, a:visited:active { 
        color: (internal value);
    }