html隱藏a標籤的方法是,為a標籤新增visibility屬性,並且設定屬性值為hidden即可。 visibility屬性是專門用來規定元素是否可見的,hidden表示元素不可見。
本文操作環境:windows10系統、html 5、thinkpad t480電腦。
其實在html中要隱藏a標籤並不是很難,因為在css中有一個非常好用的屬性visibility,利用這個屬性可以輕易的實現我們的目的。下面我們先來簡單看下這個屬性。
visibility 屬性規定元素是否可見。
共同屬性值:
visible 預設值。元素是可見的。
hidden 元素是看不見的。
collapse 當在表格元素中使用時,此值可刪除一行或一列,但是它不會影響表格的佈局。被行或列佔據的空間會留給其他內容使用。如果此值被用在其他的元素上,則會呈現為 "hidden"。
inherit 規定應該從父元素繼承 visibility 屬性的值。
例如我們要隱藏a標籤,可以這樣寫程式碼:
<div><a href="#"><span style="visibility:hidden">我的</span></a></div>
詳細範例:
<html> <head> <style type="text/css"> h1.visible {visibility:visible} h1.invisible {visibility:hidden} </style> </head> <body> <h1 class="visible">这是可见的标题</h1> <h1 class="invisible">这是不可见的标题</h1> </body> </html>
運行結果如圖:
相關推薦:html影片教學
以上是html怎麼隱藏a標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!