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

有的，HTML5和CSS3就可以滿足你的需求。甚至，它可以做的更多，更好。作為一名設計師，我們應當了解它們是什么東西，有什么特性，從而進一步思考通過HTML5和CSS3我們能做些什么。

什么是HTML5和CSS3

HTML和CSS并不難理解。HTML為構成網頁的主要語言。通過這種語言，我們可以向計算機說明網頁格式、內容、顯示效果等等。而CSS則是專門用來控制網頁顯示效果的語言。這時候問題出來了，為什么我們要單獨使用CSS呢，HTML不是一樣可以控制Web頁面的顯示效果么？為了回答這個問題，我舉個簡單的例子：

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

HTML5和CSS3是HTML和CSS的最新版本，它們目前均未確定標準，但是已經公布的新特征已經讓我們心動不已。

HTML 5的新特新

1. 新的內容標簽

HTML4中的內容標簽級別相同，無法區分各部分內容。而HTML5中的內容標簽互相獨立，級別不同，搜索引擎以及統計軟件等均可快速識別各部分內容。

2. 更好的表格體系

現在，你可以拋棄JavaScript或者是PHP，只通過HTML5來定義表格。你可以定義每個表格單元的輸入格式，也可以定義這個單元是否是必填的等等。

3. 音頻、視頻API

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