DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS教程:CSS讓網頁文字自動隱藏
CSS教程:CSS讓網頁文字自動隱藏
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:文字隱藏應用廣泛,但常用的方法沒有什麼親和力。

文字隱藏應用廣泛,但常用的方法沒有什麼親和力。

常用文字隱藏方法的缺陷:

1、display:none

這種方法搜索引擎可能認為被隱藏的文字屬於垃圾信息而被忽略;

屏幕閱讀器會忽略被隱藏的文字。

2、visibility: hidden

這種方法隱藏了文字卻仍然占據物理空間。

更好的方法:

overflow:hidden

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

從代碼似乎就可以看出更具親和力,因為它是自動隱藏,而不是強制隱藏。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved