4-4 同一個(gè)HTML文件中的超鏈接

有時(shí)可能所建立的網(wǎng)頁內(nèi)容分常豐富，一個(gè)HTML文件就需涵蓋好多內(nèi)容，此時(shí)可以考慮在這個(gè)HTML文件內(nèi)建立幾個(gè)書簽，這樣只要單擊這些書簽超鏈接，即可跳到書簽地址。這時(shí)的<a>元素格式如下：

    <a href="#mybookmark"> … </a>

上述mybookmark是我們自行定義的書簽名稱，接著在同一個(gè)HTML文件內(nèi)目標(biāo)書簽位置使用id屬性設(shè)定mybookmark，這樣才可定義完成超鏈接。id屬性是一種全局屬性，可以在許多元素內(nèi)使用，為了凸顯書簽，通常可以將它使用在<hn>標(biāo)題標(biāo)記內(nèi)。下列是將超鏈接設(shè)定為“Big Data”，書簽名稱是“Big Data Series”的程序片段。

    <a href="#Big Data">Big Data</a>
    …
    …
    <h3 id="Big Data">Big Data
Series</h3>

經(jīng)上述設(shè)定后，當(dāng)單擊Big Data超鏈接，就可以跳到Big Data Series書簽所在位置。

注 過去在HTML4.01版，<a>標(biāo)記內(nèi)可以使用name屬性來設(shè)定書簽名稱，HTML5已經(jīng)不支持了，改用id屬性。

程序?qū)嵗齝h4_6.html：同一個(gè)文件中超鏈接的應(yīng)用。

執(zhí)行結(jié)果 程序執(zhí)行時(shí)可以看到兩個(gè)超鏈接，分別是Big Data和Data Analyst。

單擊Big Data超鏈接可以跳到Big Data Series書簽，讓此書簽數(shù)據(jù)跳到窗口最上方，如下圖所示。

單擊Return Top超鏈接可以跳到Top書簽，窗口顯示頁面最頂端。

如果這時(shí)單擊Data Analyst超鏈接，窗口內(nèi)容將移至Data Analyst Series書簽，如果這個(gè)書簽內(nèi)容或其后面的內(nèi)容夠多，則這個(gè)書簽將在窗口畫面最上端顯示。否則只是將窗口卷動(dòng)到最下方，如下圖所示。

當(dāng)然，若是單擊Return Top超鏈接可以跳到Top書簽，窗口顯示頁面最頂端。這個(gè)程序設(shè)計(jì)的幾個(gè)重點(diǎn)如下：

（1）第9行設(shè)定Top書簽區(qū)塊，供Big Data Series書簽區(qū)塊和Data Analyst Series書簽區(qū)塊在單擊Return Top時(shí)可以返回。

（2）第13行設(shè)定Big Data超鏈接，目的是可以跳至Big Data Series書簽區(qū)塊。

（3）第14行設(shè)定Data Analyst超鏈接，目的是可以跳至Data Analyst Series書簽區(qū)塊。

（4）第17行到23行是設(shè)定Big Data Series書簽區(qū)塊。

（5）第25行到31行是設(shè)定Data Analyst Series書簽區(qū)塊。