|
|
也就是標題因為設(shè)計的寬度問題所以沒有顯示全，看樣子是使用程序來截字的。我想很多網(wǎng)站都遇到這樣的情況。為了視覺效果不得不進行截字顯示以滿足網(wǎng)站的整體視覺效果。通常我們采用截字的方法是兩種，一種是通過后臺輸出時來事先設(shè)定一定的字符數(shù)量。另一種是通過CSS或是JS來對已經(jīng)輸出的完整的內(nèi)容進行視覺剪截。
在網(wǎng)頁標準沒有興起的時候基本上是采用第一種方式來解決這個問題，直到現(xiàn)在這種方式依然被廣泛地使用著。這種方式的好處就是可以準確的剪截字數(shù)，而不足可能就是因為剪截的工作在后臺已經(jīng)完成，所以輸出的內(nèi)容是殘缺的。而第二種是通過CSS或是JS做出的一種障眼法。把一定長度以外的內(nèi)容隱藏掉。以達到需要的視覺效果，好處就是他可以保留完整的數(shù)據(jù)內(nèi)容，不足之處可能是非IE瀏覽器截的字并不完美。比如Firefox常常會有截半個字的尷尬現(xiàn)象。
我想提出的問題是："標題的不完整是否會影響用戶的點擊動機？"我斗膽提出這樣的論斷：標題的不完整將在很大層度上影響用戶是否會點擊該條信息的動機。我們這里就用優(yōu)艾網(wǎng)中的一條新聞標題來作分析。網(wǎng)站中有這樣一條新聞標題"美國發(fā)明用戶界面新技術(shù) 對著吹"，這是一句被機械性截掉的標題。面對這樣的標題我們的好奇心是否被勾引起來，當然有可能。但是我們的理解可能是這樣的："美國發(fā)明了用戶界面的新技術(shù)，對著吹……這是個打假新聞。可能是兩家公司在吹牛。"如果是這樣那么這種八卦的新聞我就沒興趣了。然而這個完整的標題應(yīng)該是："美國發(fā)明用戶界面新技術(shù) 對著吹氣就能操作計算機"對于這樣的標題我就比較有興趣，我想知道這個吹氣為什么就能操作計算機呢，這是我從來沒想到過的事。這樣我就會有極大的興趣去點擊查看這條新聞。我們可以比較發(fā)現(xiàn)，其實最容易勾起我們好奇心的其實是"吹氣操作"。這是新技術(shù)的核心。也是這個新聞的核心內(nèi)容。
當然有時候截字是必需的，否則整個網(wǎng)站就會顯得很雜亂。那么現(xiàn)在一般的解決方法就是在鏈接上加入"title"屬性。遇到這種語義不清楚的標題時我通常是鼠標懸停查看提示區(qū)中的文字以獲得比較完整的標題信息。從而完成我是否點擊該新聞的判斷。但是可惜的是優(yōu)艾網(wǎng)標題鏈接中的title屬性與標題內(nèi)容是一樣的，如此一來title屬性的意義大減。
我們在設(shè)計的時候當然是盡可能的把標題顯示完整，如果因為特需原因沒辦法顯示完整的時候要盡可能的使title屬性是完整的。還有雖然CSS的截字在Firefox中是有缺陷的，但是我還是覺得截字的事應(yīng)該由CSS來完成。至少這樣我們可以得到一個完整的HTML信息文檔。當無CSS的時候至少我們同樣可以看得到完整的信息內(nèi)容。
HTML/CSS技術(shù)：當標題不能顯示完整的解決方法，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
