html5 怎么在前端跳轉(zhuǎn)到其他頁面

a href="index1.html"點(diǎn)擊/a

作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們在業(yè)內(nèi)良好的客戶口碑。創(chuàng)新互聯(lián)公司提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運(yùn)營等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價(jià)值。

點(diǎn)擊后跳轉(zhuǎn)到index1.html頁面。

HTML5中什么代碼可以從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面的特定部分

可以使用網(wǎng)頁的錨點(diǎn)，即a標(biāo)簽的id屬性，如a id="C6"Chapter 6/a當(dāng)從另處頁面連接到該頁地址加#C6時(shí)就會(huì)跳轉(zhuǎn)到此處。

示例：

網(wǎng)頁a.htm

!DOCTYPE?html

head

titleA/title

/head

body

a?href="b.htm#C6"B?-?Chapter?6/a

/body

/html

網(wǎng)頁b.htm

!DOCTYPE?html

head

titleB/title

/head

body

h2Chapter?1/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?2/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?3/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?4/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?5/h2

pThis?chapter?explains?ba?bla?bla/p

h2a?id="C6"Chapter?6/a/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?7/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?8/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?9/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?10/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?11/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?12/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?13/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?14/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?15/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?16/h2

pThis?chapter?explains?ba?bla?bla/p

h2Chapter?17/h2

pThis?chapter?explains?ba?bla?bla/p

/body

/html

運(yùn)行效果：

html5鏈接在本頁面內(nèi)跳轉(zhuǎn)

H5edu教育HTML5開發(fā)解答

在頁面中點(diǎn)擊a標(biāo)簽后，要使其跳到頁面里面相應(yīng)的地方，方法很簡單，就是在a標(biāo)簽里面href中的內(nèi)容和你要跳到這個(gè)區(qū)域的id同名即可，例如：

a href="#jump"點(diǎn)我看看/a

p id=“jump”我是該區(qū)域的相應(yīng)內(nèi)容/p

若跳到其它頁面相應(yīng)的地方，只需在href中#jump的前面加上鏈接地址即可，即：a href="鏈接地址#jump"點(diǎn)我看看/a