【HTML】隱藏網頁內容的語法

今天有位學生問我,說他有一些網頁的部份內容想隱藏起來不想被看到,該怎麼做?

我聽了之後跟他說,不想被看見最好的方法就是別丟到網路上,丟上去之後又不想被看見,這是哪門子的需求呀?!

不過,既然你誠心誠意的發問了,我就大發慈悲的告訴你吧(聽說最近寶可夢很夯=.=”)!

方法有兩種,第一種是讓整個內容完全消失,等於不存在的意思;第二種是只讓隱藏的部分不顯示,原來的地方會呈現一片空白。(提醒一下,如果你是直接複製以下文章裡的程式碼,單引號和雙引號可能會變成全型字;因為程式碼不支援全型,所以建議單引號和雙引號要用半型手動重新輸入)

方法一:

將你想隱藏的內容放到<div style=”display:none”>與</div>之間,如以下範例

<div style=”display:none”>
想隱藏的內容
</div>

想隱藏的內容

方法二:

將你想隱藏的內容放到<div style=”visibility:hidden”>與</div>之間,如以下範例

<div style=”visibility:hidden”>
想隱藏的內容
</div>

想隱藏的內容

依照你的需求挑一個囉!

Similar Posts

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *