zoukankan      html  css  js  c++  java
  • HTML 超链接<a>的几种用法

    1、基本链接语法

    <a href="url">Link text</a>

    补充:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

    <base> 标签与<a>的组合用法:

      为页面上所有链接规定默认目标:

       <head> <base target="_blank" /> </head> 

    2、HTML 链接 - target 属性

    描述
    _blank 在新窗口中打开被链接文档。
    _self 默认。在相同的框架中打开被链接文档。
    _parent 在父框架集中打开被链接文档。
    _top 在整个窗口中打开被链接文档。能跳出框架。
    framename 在指定的框架中打开被链接文档。

     <a href="//www.w3cschool.cn/" target="_blank">Visit W3CSchool!</a> 将在新窗口打开文档;

     <a href="http://www.w3cschool.cn/" target="_top">click here</a> 跳出框架,假如你的页面被固定在框架之内;

      补充:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="//www.w3cschool.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="//www.w3cschool.cn/html/",所以直接这样书写则只会产生一次HTTP请求。

    3、HTML 连接- id 属性

    id属性可用于创建在一个HTML文档书签标记。

    在HTML文档中插入ID:

     <p id="tips">Useful Tips Section</p> 

    在HTML文档中创建一个链接到"有用的提示部分(id="tips")":

     <a href="#tips">Visit the Useful Tips Section</a> 

    或者,从另一个页面创建一个链接到"有用的提示(id="tips")部分":

     <a href="//www.w3cschool.cn/html_links.htm#tips"> Visit the Useful Tips Section</a> 
     

    4、<a>创建电子邮件链接

    <a href="mailto:wang@XXXXX.com?Subject=Hello%20again" target="_top">发送邮件</a>
    
    <p>
      <b>注意:</b> 单词之间空格使用 20% 代替,以确保浏览器可以正常显示文本。
    </p>

    更复杂的写法:

    <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">发送邮件!</a>
    
    
    <p>
        <b>注意:</b> 单词之间空格使用 %20 代替,以确保浏览器可以正常显示文本。
    </p>
  • 相关阅读:
    POJ 1953 World Cup Noise
    POJ 1995 Raising Modulo Numbers (快速幂取余)
    poj 1256 Anagram
    POJ 1218 THE DRUNK JAILER
    POJ 1316 Self Numbers
    POJ 1663 Number Steps
    POJ 1664 放苹果
    如何查看DIV被设置什么CSS样式
    独行DIV自适应宽度布局CSS实例与扩大应用范围
    python 从入门到精通教程一:[1]Hello,world!
  • 原文地址:https://www.cnblogs.com/Vayne-N/p/6769495.html
Copyright © 2011-2022 走看看