html5基础学习日记1_超链接

最新推荐文章于 2021-07-21 19:40:08 发布

Dawn·张

最新推荐文章于 2021-07-21 19:40:08 发布

阅读量385

点赞数

分类专栏：自学笔记文章标签： html5

本文链接：https://blog.csdn.net/zx1091515459/article/details/78409414

版权

8 篇文章 0 订阅

订阅专栏

1，超链接

为<a href="//这里可以放任何东西(根据后缀文件名不同而决定，例：1.html，1.txt，1.rar，1.png)" ></a>

<a href="www.baidu.com" title="baidu">百度</a>点击之后本页面变为www.baidu.com

<a href="www.baidu.com" title="baidu" traget="_blank">百度</a>点击之后再弹出一个页面为www.baidu.com

但是由于每个超链接都要加上traget="_blank"十分麻烦，所以有一种优化的写法

<head>
    <meta charset="UTF-8">
    <base target="_blank">//使整个页面的超链接都改为点击之后再生成一个页面
</head>

不光可以给文字设置超链接也可以给图片设置超链接

<a href="http://www.jd.com" title="京东" >
    <img src="images/jd1.png" title="京东">
</a>

2,返回顶部

<p id="顶部">顶部</p>
//锚链接
<a href="#顶部" target="_self">返回顶部</a>

其中注意的是如果写为

<a href="#顶部" >返回顶部</a>

并且

<head>
    <meta charset="UTF-8">
    <base target="_blank">
</head>

那么就会生成一个新的页面，并且之前的页面也不会返回顶部

3,下载

<a href="images/jd1.png" >下载图片</a>

<a href="images/jd1.rar" >下载压缩包</a>

但这些都是伪下载，需要在MIME类型里添加需要下载的类型，并改为压缩包类型

关注