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