萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> html中有親和力的文字隱藏方法

html中有親和力的文字隱藏方法

1.display:none;的缺陷

  * 搜索引擎可能認為被隱藏的文字屬於垃圾信息而被忽略,來自SEO Mistakes: Unwise comments

  * 屏幕閱讀器(是為視覺上有障礙的人設計的讀取屏幕內容的程序)會忽略被隱藏的文字。

  2. visibility: hidden ;的缺陷

  這個大家應該比較熟悉就是隱藏的內容會占據他所應該占據物理空間

  3.overflow:hidden;一個比較合理的方法

  程序代碼

  .texthidden

{
display:block;/*統一轉化為塊級元素*/
overflow: hidden;
width: 0;
height: 0;
}

  就像上面的一段CSS所展示的方法,將寬度和高度設定為0,然後超過部分隱藏,就會彌補上述一、二方法中的缺陷,也達到了隱藏內容的目的

copyright © 萬盛學電腦網 all rights reserved