當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > html設置頁面內部的特定目標的鏈接

html設置頁面內部的特定目標的鏈接

2012/11/19 12:14:56作者：佚名來源：網絡

移動端

【實例介紹】

html設置頁面內部的特定目標的鏈接

錨點鏈接(也叫書簽鏈接)常常用于那些內容龐大煩瑣的網頁，通過單擊命名錨點，不僅讓我們能指向文檔，還能指向頁面里的特定段落，更能當做“精準鏈接”的便利工具，讓鏈接對象接近焦點，便于瀏覽者查看網頁內容。類似于我們閱讀書籍時的目錄頁碼或章回提示。在需要指定到頁面的特定部分時，標記錨點是最佳的方法。

【基本語法】

<a href="#描點的名稱">···</a>

【語法介紹】

在該語法中，在href屬性后輸入頁面中創建的錨點的名稱，可以鏈接到頁面中不同的位置。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>設置頁面內部的特定目標的鏈接</title>
</head>
<body>
<p><strong>
<a href="#公司簡介">公司介紹</a>
<a href="#公司招聘">企業招聘</a>
<a href="#公司動態">新聞動態</a>
</strong>
</p>
<p> </p>
<p><a name="公司簡介" id="公司簡介"></a> <strong>公司簡介</strong>　
  本廠經過多年的不懈追求和努力，規模不斷的擴大，是一家專門生產銅門、
銅工藝的中型企業，至今以為數十家企事業單位定做工程門、工藝品及數千家私
人豪華別墅銅門，銅裝飾領域屬于規模較大、品種齊全、檔次較高的現代企業。   
銅門主要從事銅工程、銅門、銅雕、銅藝全自動旋轉門、智能自動門等產品的生產及安裝服務
，已建立了完善的ISO9001質量管理體系，并取得了國際權威機構的認證。   
企業貫徹&ldquo;質量等于市場&rdquo;的服務理念，以&ldquo;
高效&rdquo;&ldquo;務實&rdquo;的宗旨，開拓市場，面向未來。<br />
  一、以最新的設計理念適應各用戶的不同需求；<br />
  二、一年內非人為天然損壞，免費維護；產品終生保修。一分耕耘，
一分收獲。公司真誠希望，以我們的專業和努力，把更好的產品和更完善的
服務奉獻給各界朋友，為我們的家居營造安寧和舒適。 </p>
<p><strong><a name="公司招聘" id="公司招聘"></a>公司招聘</strong></p>
<p><br />
招聘人數:10</p>
<p>工資待遇:面議</p>
<p>發布時間:2011-1-6</p>
<p>招聘要求:<br />
1）熟練使用繪圖軟件，有美工基礎，提供個人原創作品。</p>
<p>2）有一定的工作經驗。</p>
<p>職位要求：</p>
<p>1）大專以上學歷，美學院畢業。主修多媒體、工業設計、美術或廣告；</p>
<p>2）有工業品（例如門窗）設計工作經驗。</p>
<p></p>
<p><strong><a name="公司動態" id="公司動態"></a>公司動態</strong><br />
  ·別墅銅門應穩步求進持續發展  2010年4月15日<br />
  ·什么是銅門，價格怎么算?   2010年3月5日<br />
  ·什么是銅裝飾 2010年3月5日<br />
  ·淺談銅門選鎖的要點 2010年3月5日<br />
  ·銅裝飾幕墻在國內悄然興起2010年3月5日<br />
  ·關于銅門的工程標準與技術參數2010年3月5日<br />
  ·銅裝飾企業突出重圍,改變消費習慣2010年3月5日<br />
  ·銅門對于風水是好還是壞2010年3月5日<br />
  ·室外銅門要注意防雨雪2010年3月5日<br />
  ·裝修必修課：家居門窗安裝質量如何檢查 2009年9月11日<br />
  ·產業集群作支撐 五金門窗飛速發展 2009年9月11日<br />
·2009中國（臨沂）國際門窗幕墻型材及加工設備展覽會2009年9月11日</p>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標記為設置錨點鏈接，在瀏覽器中預覽，單擊創建的錨點鏈接，如圖所示，可以鏈接到相應的位置，如圖所示。

單擊創建描點連接

設置頁面內部的特定目標的鏈接運行效果

鏈接到相應的位置

設置頁面內部的特定目標的鏈接運行效果

【素材及源碼下載】

請點擊：html設置頁面內部的特定目標的鏈接下載本實例相關素材及源碼

標簽：鏈接

上一篇：顯示鏈接目標屬性target
下一篇：PhotoShop制作簡單的雙色排字效果教程

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频