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，然後超過部分隱藏，就會彌補上述一、二方法中的缺陷，也達到了隱藏內容的目的

以上就是我們給大家介紹的html中有親和力的文字隱藏的方法了。希望大家繼續關注我們的網站!