免費(fèi)AI編程助手
關(guān)于超鏈接的傻瓜式教學(xué)
2019-08-14 19:10 更新
在網(wǎng)頁上，我們經(jīng)?？梢钥吹筋愃啤?a href="http://hgci.cn/" target="_blank">W3Cschool”這種顯示效果的文字，這就是超鏈接。
超鏈接的實(shí)現(xiàn)方法很簡(jiǎn)單，就是<a href="url地址替換">關(guān)鍵詞替換</a>，例如前面的這個(gè)就寫成<a href
="//hgci.cn/">W3Cschool</a>，//hgci.cn/是鏈接指向的網(wǎng)址，記得"="后面的值是要加雙引號(hào)的，W3Cschool是超鏈接用什么樣的文字所顯示。
所以，如果想要實(shí)現(xiàn)“非技術(shù)人員進(jìn)階手冊(cè)”這個(gè)效果，代碼應(yīng)該怎么寫呢？
接下來就是拓展部分，睜大眼睛看仔細(xì)了，如果不懂技術(shù)的人看著生澀的話也不要緊，咱可以存起來慢慢研究。
進(jìn)階版長這樣<a href="url地址替換" 屬性替換="值替換">關(guān)鍵詞替換</a>
屬性：href(規(guī)定鏈接指向的URL)
值：網(wǎng)址
屬性：download（規(guī)定被下載的超鏈接目標(biāo)）
值：文件名字
例如：
<a download="w3clogo">w3clogo</a>看懂了么？顯示效果如下，這是一個(gè)下載鏈接，點(diǎn)擊了就可以下載相應(yīng)圖片。
屬性：rel
值：
alternate 文檔的可選版本（例如打印頁、翻譯頁或鏡像）。
stylesheet 文檔的外部樣式表。
start 集合中的第一個(gè)文檔。
next 集合中的下一個(gè)文檔。
prev 集合中的前一個(gè)文檔。
contents 文檔目錄。
index 文檔索引。
glossary 文檔中所用字詞的術(shù)語表或解釋。
copyright 包含版權(quán)信息的文檔。
chapter 文檔的章。
section 文檔的節(jié)。
subsection 文檔的子段。
appendix 文檔附錄。
help 幫助文檔。
bookmark 相關(guān)文檔。
nofollow 使用 "nofollow"，用于指定搜索引擎不要跟蹤鏈接，對(duì)谷歌較為管用
licence 許可證
tag 標(biāo)簽
friend 友情鏈接
stylesheet 文檔的外部樣式表。
start 集合中的第一個(gè)文檔。
next 集合中的下一個(gè)文檔。
prev 集合中的前一個(gè)文檔。
contents 文檔目錄。
index 文檔索引。
glossary 文檔中所用字詞的術(shù)語表或解釋。
copyright 包含版權(quán)信息的文檔。
chapter 文檔的章。
section 文檔的節(jié)。
subsection 文檔的子段。
appendix 文檔附錄。
help 幫助文檔。
bookmark 相關(guān)文檔。
nofollow 使用 "nofollow"，用于指定搜索引擎不要跟蹤鏈接，對(duì)谷歌較為管用
licence 許可證
tag 標(biāo)簽
friend 友情鏈接
比如說你想要做友情鏈接，那么代碼就是
<a rel="friend" href="http://hgci.cn/">w3cschool</a>
這樣你就成功地定義了這個(gè)鏈接為友情鏈接
屬性：target(在何處打開文檔）
值：
_blank 在新標(biāo)簽頁打開鏈接
_parent 在父框架中打開鏈接
_self 在當(dāng)前頁打開鏈接
_top 在整個(gè)窗口中打開鏈接
freamename 在制定框架當(dāng)中打開鏈接
我們經(jīng)常會(huì)在點(diǎn)擊一個(gè)鏈接的時(shí)候，瀏覽器自動(dòng)彈出新頁面，而舊頁面也被保存了下來，這就是_blank 的功勞了，代碼如下
<a target="_blank" href="http://hgci.cn/">w3cschool</a>
效果如下
上面列舉是比較常見的應(yīng)用，然而其實(shí)<a>標(biāo)簽當(dāng)中還有很多門道可以細(xì)細(xì)道來
屬性及值的列表圖
以上內(nèi)容是否對(duì)您有幫助：
更多建議：