Loading... # 七、超链接 ## 1、超链接是什么？ 超链接随处可见，可以说是网页中最常见的元素了，例如我们百度搜索出来的京东，点击链接就可以进入**京东首页**。这就是超链接的作用，从一个网页跳转到另一个网页。 ![][1] ### 1.1、a标签 在HTML中，我们可以用a标签来实现超链接 - 链接地址如果没有想好可以用**#**来代替 ```html <a href="链接地址">文本/图片</a> ``` - 例如： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <span class="external-link"><a class="no-external-link" href="https://www.baidu.com/" target="_blank"><i data-feather="external-link"></i>百度</a></span> <a href="https://www.jd.com/"> <img src="../img/JD.png" alt="" style=""> </a> <a href="#">还没想好</a> </body> </html> ``` ![][2] ### 1.2、target属性 默认超链接都是在当前网页下打开新的地址的，我们可以通过**target属性**来更改定义打开新链接的方式 ```html <a href="#" target="打开方式"> ``` | 属性值 | 打开方式 | | :-----: | :------------------: | | _self | 在当前网页下打开链接 | | _blank | 在新的窗口打开链接 | | _parent | 在父窗口打开链接 | | _top | 在顶层窗口打开链接 | ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <a href="https://www.baidu.com" target="_self">默认值在当前页面打开 百度</a> <br> <a href="https://www.baidu.com" target="_blank">在新页面打开 百度</a> </body> </html> ``` ![][3] ## 2、内部链接 上面所介绍的是外部链接，接下来介绍内部链接，在开发中，一个网站通常会有许许多多的网页构成，在网页之间来回切换就需要用到内部链接了。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <a href="./1.1、a标签.html" target="_blank">打开1.1网页内容</a> <br> <a href="../六、视频&音频标签/1、视频标签.html" target="_blank">打开视频标签</a> </body> </html> ``` ![][4] ## 3、锚点链接 如百度百科介绍JavaSE的目录，用于快速定位当前页面的某一块，实线如下效果 ![][5] 这个和后面CSS要学到的**ID选择器**用法比较像，具体用法如下 ```html <a href="#自定义命名">显示文本</a> 在标签上加上，ID后要与签名一致 <p id="自定义命名">某段落文本</p> ``` 实例 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="#u1">JavaSE</a> <a href="#u2">版本平台</a> <a href="#u3">分类</a> <h3 id="u1">JavaSE</h3> <p> Java SE（Java Standard Edition，Java 标准版）是Java技术的核心和基础，是Java ME和Java EE编程的基础 [1] 。Java SE是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台的总称。用Java实现的Hot Java浏览器（支持Java applet）显示了Java的魅力：跨平台、动态的Web、Internet计算。从此，Java被广泛接受并推动了Web的迅速发展，常用的浏览器均支持Java applet。 </p> <h3 id="u2">版本平台</h3> <p> 标准版的Java平台是一个Java2的平台，为用户提供一个程序开发环境。这个程序开发环境提供了开发与运行Java软件的编译器等开发工具、软件库及Java虚拟机。它也是Java2平台、企业版本和Java网页服务的基础。 </p> <p> Java2平台有3个版本，它们是适用于小型设备和智能卡的Java2平台Micro版（Java2 Platform Micro Edition，JavaME）、适用于桌面系统的Java 2平台标准版（Java2 Platform Standard Edition，Java SE）、适用于创建服务器应用程序和服务的Java 2平台企业版（Java2 Platform Enterprise Edition，Java EE）。 </p> <h3 id="u3">分类</h3> <h5>企业版(Java EE)</h5> <p> Java EE是一种利用Java2平台来简化企业解决方案的开发、部署和管理相关的复杂问题的体系结构。J2EE技术的基础就是核心Java平台或Java2平台的标准版，Java EE不仅巩固了标准版中的许多优点，例如“编写一次、随处运行”的特性、方便存取数据库的JDBC API、CORBA技术以及能够在Internet应用中保护数据的安全模式等等，同时还提供了对 EJB（Enterprise JavaBeans）、Java Servlets API、JSP（Java Server Pages）以及XML技术的全面支持。其最终目的就是成为一个能够使企业开发者大幅缩短投放市场时间的体系结构。 </p> <p> Java EE体系结构提供中间层集成框架用来满足无需太多费用而又需要高可用性、高可靠性以及可扩展性的应用的需求。通过提供统一的开发平台，J2EE降低了开发多层应用的费用和复杂性，同时提供对现有应用程序集成强有力支持，完全支持EJB，有良好的向导支持打包和部署应用，添加目录支持，增强了安全机制，提高了性能。 </p> <h5>标准版(Java SE)</h5> </body> </html> ``` ![][6] ![][7] [1]: https://a-hxin.cn/usr/uploads/2022/12/2906756129.png [2]: https://a-hxin.cn/usr/uploads/2022/12/3326808678.png [3]: https://a-hxin.cn/usr/uploads/2022/12/1420487113.png [4]: https://a-hxin.cn/usr/uploads/2022/12/1893252866.png [5]: https://a-hxin.cn/usr/uploads/2022/12/1596202260.gif [6]: https://a-hxin.cn/usr/uploads/2022/12/3121906512.png [7]: https://a-hxin.cn/usr/uploads/2022/12/1715324626.gif 最后修改：2024 年 01 月 24 日 © 允许规范转载 打赏 赞赏作者 赞 咱们谁跟谁，用不着～