網頁設計中，會使用很多技術，有些是支持前端瀏覽器的，有些是支持后端和數據庫的。那么，網站設計中使用了那些技術？一般網頁會使用HTML5+CSS3+JS技術，后端會使用ASP,PHP等技術。下面針對這些技術簡要介紹一下。

1.  HTML5技術。HTML5 是 HyperText Markup Language 5 的縮寫，HTML5技術結合了HTML4的相關標準并創新，目前i9+,Chrome, Firefox等瀏覽器都可以支持。Html5推出了一些新的標簽，如video[可直接設置視頻],header[定義網頁的頭部區域]，footer[定義網頁的底部區域]，section[定義文檔中的某一區域]，而這些主要標簽在html4是沒有的，使用這些標簽可以直接支持移動端的正常顯示。

2.  CSS3技術。CSS中文全稱是層疊樣式表，用于網頁外觀的裝飾與設置，主要選擇器是3種，一種是id選擇器，如：#idname{},另一種是class類選擇器，如.classname{},第三種是標簽選擇器，如div{}，這種比較少用，因為一個網頁里有很多這樣的標簽，每一個區域的標簽定義的樣式可能不同，所以一般會謹慎使用甚至不推薦直接使用。CSS3主要可以設置一個容器的圓角，投影，半透明效果，漸變效果，文字效果，主要還可以做到文檔列表查詢，如ul li:nth-last-of-type(1)等，而這些功能以前的CSS2是沒有的。

3. JS技術。全稱是JavaScript,主要是用于網頁的交互，事件的控制等。凡是瀏覽器打開的網頁，幾乎都用到該技術。它是一種面向對象，函數式編程的腳本語言。由于原生js技術過于復雜，又衍生出一種快速、簡潔的JavaScript框架，即jquery技術，jquery封裝了很多函數方法，大大提高了網頁設計的效率，倡導些更少的代碼，做更多的事，它能夠快速獲取文檔元素進行操作，提供更多的頁面動態方法。JavaScript由三部分組成：1. ECMAScript（核心）2. DOM（文檔對象模型）3. BOM（瀏覽器對象模型）。由于市場發展的需要，ECMAScript已經更新到第6版，即ES6,主要特點是1.塊級作用域 關鍵字let,常量const，比以前的版本更加嚴格；2.箭頭函數Arrow functions(1)簡化了代碼形式，默認return表達式結果。(2)自動綁定this，即定義函數時的this。

4. ASP技術。ASP即Active Server Pages，是微軟公司開發的一種語言。支持環境是IIS，ASP 腳本只能在服務器端執行，所以無法在瀏覽器中查看ASP代碼，防止代碼被竊取，它使用VBScript和JavaScript等腳本語言，結合HTML代碼，即可快速完成網站設計。支持的數據庫是ACCESS和SQL Server，ACCESS是一種小型的數據，可支持小型網站的使用，SQL Server是一種大型的關系數據庫，可支持萬級以上的數據存放。

5.PHP技術。英文全稱Hypertext Preprocessor，是在服務器端執行的語言，其特點是開源項目，PHP技術學習了C語言的特點，同時支持面向對象和面向過程的開發，使用上比較靈活。支持友好的數據庫是MySQL，可支持存放更多的數據。

上一篇：定制網站與模板網站的區別與相同點？

下一篇：企業建網站之前要了解那些事項？