網(wǎng)頁(yè)設(shè)計(jì)中當(dāng)標(biāo)題不能顯示完整該怎么解決

本篇文章為大家展示了網(wǎng)頁(yè)設(shè)計(jì)中當(dāng)標(biāo)題不能顯示完整該怎么解決，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

今天剛看到ChinaUI.com新改版的網(wǎng)站，覺(jué)得優(yōu)艾網(wǎng)是越來(lái)越漂亮了，這次的變化的確是挺大的。一早大概的看了一下就關(guān)了，后來(lái)晚上又打開(kāi)看時(shí)發(fā)現(xiàn)個(gè)問(wèn)題。也就是標(biāo)題因?yàn)樵O(shè)計(jì)的寬度問(wèn)題所以沒(méi)有顯示全，看樣子是使用程序來(lái)截字的。我想很多網(wǎng)站都遇到這樣的情況。為了視覺(jué)效果不得不進(jìn)行截字顯示以滿足網(wǎng)站的整體視覺(jué)效果。通常我們采用截字的方法是兩種，一種是通過(guò)后臺(tái)輸出時(shí)來(lái)事先設(shè)定一定的字符數(shù)量。另一種是通過(guò)CSS或是JS來(lái)對(duì)已經(jīng)輸出的完整的內(nèi)容進(jìn)行視覺(jué)剪截。
在網(wǎng)頁(yè)標(biāo)準(zhǔn)沒(méi)有興起的時(shí)候基本上是采用第一種方式來(lái)解決這個(gè)問(wèn)題，直到現(xiàn)在這種方式依然被廣泛地使用著。這種方式的好處就是可以準(zhǔn)確的剪截字?jǐn)?shù)，而不足可能就是因?yàn)榧艚氐墓ぷ髟诤笈_(tái)已經(jīng)完成，所以輸出的內(nèi)容是殘缺的。而第二種是通過(guò)CSS或是JS做出的一種障眼法。把一定長(zhǎng)度以外的內(nèi)容隱藏掉。以達(dá)到需要的視覺(jué)效果，好處就是他可以保留完整的數(shù)據(jù)內(nèi)容，不足之處可能是非IE瀏覽器截的字并不完美。比如Firefox常常會(huì)有截半個(gè)字的尷尬現(xiàn)象。
我想提出的問(wèn)題是："標(biāo)題的不完整是否會(huì)影響用戶的點(diǎn)擊動(dòng)機(jī)？"我斗膽提出這樣的論斷：標(biāo)題的不完整將在很大層度上影響用戶是否會(huì)點(diǎn)擊該條信息的動(dòng)機(jī)。我們這里就用優(yōu)艾網(wǎng)中的一條新聞標(biāo)題來(lái)作分析。網(wǎng)站中有這樣一條新聞標(biāo)題"美國(guó)發(fā)明用戶界面新技術(shù) 對(duì)著吹"，這是一句被機(jī)械性截掉的標(biāo)題。面對(duì)這樣的標(biāo)題我們的好奇心是否被勾引起來(lái)，當(dāng)然有可能。但是我們的理解可能是這樣的："美國(guó)發(fā)明了用戶界面的新技術(shù)，對(duì)著吹……這是個(gè)打假新聞?？赡苁莾杉夜驹诖蹬！?quot;如果是這樣那么這種八卦的新聞我就沒(méi)興趣了。然而這個(gè)完整的標(biāo)題應(yīng)該是："美國(guó)發(fā)明用戶界面新技術(shù) 對(duì)著吹氣就能操作計(jì)算機(jī)"對(duì)于這樣的標(biāo)題我就比較有興趣，我想知道這個(gè)吹氣為什么就能操作計(jì)算機(jī)呢，這是我從來(lái)沒(méi)想到過(guò)的事。這樣我就會(huì)有極大的興趣去點(diǎn)擊查看這條新聞。我們可以比較發(fā)現(xiàn)，其實(shí)最容易勾起我們好奇心的其實(shí)是"吹氣操作"。這是新技術(shù)的核心。也是這個(gè)新聞的核心內(nèi)容。
當(dāng)然有時(shí)候截字是必需的，否則整個(gè)網(wǎng)站就會(huì)顯得很雜亂。那么現(xiàn)在一般的解決方法就是在鏈接上加入"title"屬性。遇到這種語(yǔ)義不清楚的標(biāo)題時(shí)我通常是鼠標(biāo)懸停查看提示區(qū)中的文字以獲得比較完整的標(biāo)題信息。從而完成我是否點(diǎn)擊該新聞的判斷。但是可惜的是優(yōu)艾網(wǎng)標(biāo)題鏈接中的title屬性與標(biāo)題內(nèi)容是一樣的，如此一來(lái)title屬性的意義大減。
我們?cè)谠O(shè)計(jì)的時(shí)候當(dāng)然是盡可能的把標(biāo)題顯示完整，如果因?yàn)樘匦柙驔](méi)辦法顯示完整的時(shí)候要盡可能的使title屬性是完整的。還有雖然CSS的截字在Firefox中是有缺陷的，但是我還是覺(jué)得截字的事應(yīng)該由CSS來(lái)完成。至少這樣我們可以得到一個(gè)完整的HTML信息文檔。當(dāng)無(wú)CSS的時(shí)候至少我們同樣可以看得到完整的信息內(nèi)容。

上述內(nèi)容就是網(wǎng)頁(yè)設(shè)計(jì)中當(dāng)標(biāo)題不能顯示完整該怎么解決，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。