html5基礎學習日記1_超鏈接

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類型裏添加需要下載的類型,並改爲壓縮包類型





發佈了25 篇原創文章 · 獲贊 27 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章