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

来源：互联网发布：linux运维简历编辑：程序博客网时间：2024/05/29 06:31

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类型里添加需要下载的类型，并改为压缩包类型

阅读全文

0 0