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

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

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

移動(dòng)端

【實(shí)例介紹】

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

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

【基本語(yǔ)法】

<a href="#描點(diǎn)的名稱">···</a>

【語(yǔ)法介紹】

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

【實(shí)例代碼】

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

<body> <p><strong>

<a href="#公司簡(jiǎn)介">公司介紹</a>

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

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

</strong>

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

 

【代碼分析】

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

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

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

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

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

 【素材及源碼下載】

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

 

標(biāo)簽: html  鏈接