本文標(biāo)題的這副圖片，是用Phosotshop制作的。但是，在搜索引擎中你卻無(wú)法搜索到它，搜索引擎還沒(méi)有強(qiáng)大到能夠識(shí)別圖片里面的文字。并且由于圖片的體積不算太小，可能網(wǎng)速慢的網(wǎng)友在瀏覽的時(shí)候不得不耐心的等待圖片的刷新。那么，有沒(méi)有一種新的方法可以避免這些缺點(diǎn)呢？

有的，HTML5和CSS3就可以滿(mǎn)足你的需求。甚至，它可以做的更多，更好。作為一名設(shè)計(jì)師，我們應(yīng)當(dāng)了解它們是什么東西，有什么特性，從而進(jìn)一步思考通過(guò)HTML5和CSS3我們能做些什么。

什么是HTML5和CSS3

HTML和CSS并不難理解。HTML為構(gòu)成網(wǎng)頁(yè)的主要語(yǔ)言。通過(guò)這種語(yǔ)言，我們可以向計(jì)算機(jī)說(shuō)明網(wǎng)頁(yè)格式、內(nèi)容、顯示效果等等。而CSS則是專(zhuān)門(mén)用來(lái)控制網(wǎng)頁(yè)顯示效果的語(yǔ)言。這時(shí)候問(wèn)題出來(lái)了，為什么我們要單獨(dú)使用CSS呢，HTML不是一樣可以控制Web頁(yè)面的顯示效果么？為了回答這個(gè)問(wèn)題，我舉個(gè)簡(jiǎn)單的例子：

有沒(méi)有發(fā)現(xiàn)如果一旦形容的事情過(guò)多，想要把事情描述清楚的時(shí)候，我們不得不重復(fù)大量的信息？頁(yè)面語(yǔ)言也是一樣，在這種情況下顯得雜亂無(wú)章，非常難以理出頭緒。通過(guò)將控制顯示效果的語(yǔ)言集成到CSS里，我們不但可以保證頁(yè)面語(yǔ)言主體部分的簡(jiǎn)潔，而且可以非常方便的復(fù)用各種語(yǔ)言集合。

HTML5和CSS3是HTML和CSS的最新版本，它們目前均未確定標(biāo)準(zhǔn)，但是已經(jīng)公布的新特征已經(jīng)讓我們心動(dòng)不已。

HTML 5的新特新

1. 新的內(nèi)容標(biāo)簽

HTML4中的內(nèi)容標(biāo)簽級(jí)別相同，無(wú)法區(qū)分各部分內(nèi)容。而HTML5中的內(nèi)容標(biāo)簽互相獨(dú)立，級(jí)別不同，搜索引擎以及統(tǒng)計(jì)軟件等均可快速識(shí)別各部分內(nèi)容。

2. 更好的表格體系

現(xiàn)在，你可以?huà)仐塉avaScript或者是PHP，只通過(guò)HTML5來(lái)定義表格。你可以定義每個(gè)表格單元的輸入格式，也可以定義這個(gè)單元是否是必填的等等。

3. 音頻、視頻API

HTML5不但允許你在網(wǎng)頁(yè)中直接整合視頻、音頻，同時(shí)更提供了一套功能豐富的API用來(lái)控制媒體播放，而這些用來(lái)控制媒體播放的元素也都是可以被編輯的。因此，HTML5在視頻以及音頻層面上實(shí)際已經(jīng)可以替代常用的flash插件了。