zoukankan      html  css  js  c++  java
  • a标签中href=""的几种用法

    浏览器支持

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    所有主流浏览器都支持 href 属性。

    定义和用法

    href 标签的 href 属性用于指定超链接目标的 URL。

    如果 href 属性没有被指定链接,<a> 标签将不是一个链接。


    HTML 4.01 与 HTML5 区别

    在 HTML5 中, 如果 <a> 标签没有 href 属性, 它将是 一个占位符的超链接。

    语法

    <a href="URL">
    

     

    属性值

    描述
    URL 超链接的 URL。可能的值:
    • 绝对 URL - 指向另一个站点(比如 href="http://www.example.com/index.htm")
    • 相对 URL - 指向站点内的某个文件(href="index.htm")
    • 锚 URL - 指向页面中的锚(href="#top")

     

    用法

    href="#"的作用

           a中href="#"表示回到最顶部。如果当前页面中需要滚动的话,那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮,回到顶部,那么此时可以考虑用这种最简单的方式实现。

    <span style="font-size:14px;"><a href="#">回到最顶端</a></span>
    

      

    href="URL"的作用


         1、URL为绝对URL

         此时指向另一个站点,比如href="http://write.blog.csdn.net",那么点击时就会直接跳转到这个链接的页面。

        2、URL为相对URL

         此时指向站点内的某个文件,比如href="/test.doc",那么点击时就会直接下载文件。

        3、锚 URL 

           此时指向页面中的锚,比如href="#top",那么点击时就会到当前页面中id="top"的这个锚点,实现当前页面的所谓跳转。用的最多就是在可滚动页面中,添加菜单,可以直接回到页面中的某个部分的内容。

    即所有的三种代码样例:

    <a href="http://baidu.com">超链接</a>
    <a href="#">回到最顶端</a>
    <a href="css/css1.css">文件链接</a>
    

      

    其它参考:

    https://blog.csdn.net/chelen_jak/article/details/19157445

    https://www.cnblogs.com/theWayToAce/p/5594093.html

  • 相关阅读:
    win10 系统下myeclipse 下启动 tomcat7 所遇到的问题
    搭建个人博客&论坛(LAMP):wordpress、discuz、phpMyAdmin
    拟合优度检验和独立性检验
    作业day19
    numpy
    正则模块
    模块功能
    模块
    匿名函数、异常处理
    递归和迭代器
  • 原文地址:https://www.cnblogs.com/lei-zi/p/11206247.html
Copyright © 2011-2022 走看看