當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > html設(shè)置頁面內(nèi)部的特定目標(biāo)的鏈接

html設(shè)置頁面內(nèi)部的特定目標(biāo)的鏈接

2012/11/19 12:14:56作者:佚名來源:網(wǎng)絡(luò)

移動端

【實例介紹】

html設(shè)置頁面內(nèi)部的特定目標(biāo)的鏈接

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

【基本語法】

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

【語法介紹】

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

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>設(shè)置頁面內(nèi)部的特定目標(biāo)的鏈接</title> </head>

<body> <p><strong>

<a href="#公司簡介">公司介紹</a>

<a href="#公司招聘">企業(yè)招聘</a>

<a href="#公司動態(tài)">新聞動態(tài)</a>

</strong>

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

 

【代碼分析】

在代碼中,加粗部分的標(biāo)記為設(shè)置錨點鏈接,在瀏覽器中預(yù)覽,單擊創(chuàng)建的錨點鏈接,如圖所示,可以鏈接到相應(yīng)的位置,如圖所示。

                                                                單擊創(chuàng)建描點連接

設(shè)置頁面內(nèi)部的特定目標(biāo)的鏈接運行效果

                                                                      鏈接到相應(yīng)的位置

設(shè)置頁面內(nèi)部的特定目標(biāo)的鏈接運行效果

 【素材及源碼下載】

請點擊:html設(shè)置頁面內(nèi)部的特定目標(biāo)的鏈接 下載本實例相關(guān)素材及源碼

 

標(biāo)簽: html  鏈接