孔志文

【摘要】在目前網(wǎng)頁制作中，HTML5與CSS3技術(shù)以其獨(dú)有的優(yōu)點(diǎn)，在網(wǎng)頁制作中得到了重要應(yīng)用。結(jié)合HTML5與CSS3技術(shù)的特點(diǎn)，我們應(yīng)認(rèn)真分析HTML5與CSS3技術(shù)的優(yōu)勢及其在網(wǎng)頁制作中的應(yīng)用，為網(wǎng)頁制作提供有力支持，保證網(wǎng)頁制作的整體質(zhì)量滿足實(shí)際需要。同時(shí)，我們還要深入挖掘HTML5與CSS3技術(shù)的潛力，立足目前應(yīng)用現(xiàn)狀，對HTML5與CSS3技術(shù)的發(fā)展前景做出預(yù)測，為網(wǎng)頁制作提供技術(shù)支持的同時(shí)，也促進(jìn)HTML5與CSS3技術(shù)的快速發(fā)展，使HTML5與CSS3技術(shù)能夠逐漸成熟完善。

【關(guān)鍵詞】HTML5與CSS3技術(shù) 網(wǎng)頁制作 應(yīng)用及發(fā)展前景

【中圖分類號】G718.3 【文獻(xiàn)標(biāo)識碼】A 【文章編號】2095-3089（2015）03-0216-02

引言

近年來，HTML5和CSS3技術(shù)是網(wǎng)頁制作中經(jīng)常使用的技術(shù)種類，其優(yōu)點(diǎn)和使用方式得到廣大網(wǎng)頁制作者的青睞，研究該項(xiàng)技術(shù)的應(yīng)用和發(fā)展前景對網(wǎng)頁制作技術(shù)的發(fā)展具有重要意義。

一、HTML5和CSS3的基本含義。

HTML5是形成網(wǎng)頁的主要語言，通過HTML5，設(shè)計(jì)者可以向計(jì)算機(jī)說明網(wǎng)頁的內(nèi)容、格式、顯示效果等主要要求，CSS3是用來控制網(wǎng)頁顯示效果的語言。在網(wǎng)頁設(shè)計(jì)中，一個網(wǎng)頁往往需要表達(dá)多重信息，在多重信息同時(shí)或者先后表達(dá)的過程中，網(wǎng)頁的版面是有限的，頁面語言不能存儲大量信息，如果信息過于復(fù)雜就會形成混亂的狀態(tài)，在這樣的基礎(chǔ)環(huán)境下，就需要將網(wǎng)頁信息理出頭緒，CSS3的主要作用就是將顯示效果的語言進(jìn)行集成化設(shè)置，保證網(wǎng)頁在顯示信息的時(shí)候，能將主體語言顯示得更加清晰。HTML5和CSS3是HTML5和CSS3的最新技術(shù)，這種技術(shù)的進(jìn)步是網(wǎng)頁設(shè)計(jì)者的新體驗(yàn)。

二、HTML5和CSS3在網(wǎng)頁制作中的新特性及具體應(yīng)用。

（一）HTML5的特性和應(yīng)用效果。HTML5是對傳統(tǒng)技術(shù)的升級和進(jìn)步。在技術(shù)要求上，吸取了XHTML2的建議，對HTML 4中標(biāo)記過時(shí)的問題，有了新的技術(shù)。創(chuàng)建了一些新的元素，可以在網(wǎng)頁搜索的過程中更加清晰，是讀屏軟件的使用更加快捷準(zhǔn)確。HTML5增加了新內(nèi)容標(biāo)簽，在HTML 4的基礎(chǔ)上，將各個部分的內(nèi)容形成良好的區(qū)分，各個部分的內(nèi)容相對獨(dú)立。HTML5建立的優(yōu)化的表格體系，用HTML5來定義的表格，可以定義每個單元的輸入格式，可以實(shí)現(xiàn)表格填寫的自由化。HTML5可以在網(wǎng)頁中進(jìn)行視頻和音頻的整合，同時(shí)為系統(tǒng)提供了一整套控制播放的元素，HTML5在視頻或者音頻上能夠替代傳統(tǒng)的插件。HTML5解決了在網(wǎng)頁繪制圖形的難題，將繪制圖形與網(wǎng)頁實(shí)現(xiàn)完整交互運(yùn)動。（二）CSS3的特性和應(yīng)用效果?；ヂ?lián)網(wǎng)進(jìn)步對網(wǎng)頁有了新的要求，CSS3的誕生就是為了能夠提供強(qiáng)大的功能，根據(jù)屬性和特效展開設(shè)計(jì)。CSS3可以允許對色彩進(jìn)行透明度設(shè)計(jì)，能夠多欄布局，在欄寬和間距上自由定義。在CSS3的應(yīng)用中，一個明顯的標(biāo)志就是圓角功能，這個功能具有劃時(shí)代意義，能夠定義圓角的大小。CSS3自動提供font-face功能，并且可以自動的進(jìn)行選擇，用戶可以根據(jù)需要選擇字體。CSS3可以實(shí)現(xiàn)漸變效果，形成頁面全方位的視覺效果調(diào)整。CSS3的功能較多，例如列表模塊、超鏈接方式、文字特效等，是網(wǎng)頁制作中的核心技術(shù)。

三、HTML5和CSS3在網(wǎng)頁制作中的發(fā)展前景。

（一）HTML5標(biāo)志著互聯(lián)網(wǎng)的未來主體技術(shù)?；ヂ?lián)網(wǎng)的快速發(fā)展是經(jīng)濟(jì)發(fā)展和社會進(jìn)步的結(jié)果?？茖W(xué)技術(shù)的日新月異使互聯(lián)網(wǎng)的發(fā)展有了更好的依靠。隨著移動互聯(lián)網(wǎng)的到來，數(shù)據(jù)傳輸技術(shù)得到優(yōu)先發(fā)展。大數(shù)據(jù)時(shí)代互聯(lián)網(wǎng)成為經(jīng)濟(jì)發(fā)展過程中首要的窗口。網(wǎng)頁制作在互聯(lián)網(wǎng)發(fā)展高要求的前提下，必須要進(jìn)行技術(shù)升級。HTML5從某種意義上代表了互聯(lián)網(wǎng)發(fā)展的未來。網(wǎng)頁制作的未來發(fā)展趨勢中，需要有HTML5這樣的強(qiáng)大技術(shù)作為支撐。HTML5在很大程度上強(qiáng)化了網(wǎng)頁的表現(xiàn)性，可以掃描圖形，更能夠播放視頻和音頻，特別是在本地?cái)?shù)據(jù)庫里可以應(yīng)用多個網(wǎng)頁。HTML5的功能相對強(qiáng)大，在當(dāng)前的互聯(lián)網(wǎng)運(yùn)行中，HTML5能夠獲得大多數(shù)網(wǎng)絡(luò)平臺的支持，微軟曾經(jīng)表示，瀏覽器要為HTML5提供廣泛的支持。在新傳媒時(shí)代的趨勢下，很多社交類網(wǎng)站也開始對HTML5產(chǎn)生興趣，例如著名的Facebook已經(jīng)開始將視頻切換到HTML5，蘋果公司也將部分軟件實(shí)現(xiàn)對HTML5的直接轉(zhuǎn)移和對接。由于HTML5具有的明顯優(yōu)勢，很多網(wǎng)絡(luò)運(yùn)行商更加愿意把自身的設(shè)計(jì)與HTML5進(jìn)行結(jié)合，這種融合將會促進(jìn)互聯(lián)網(wǎng)更加豐富多彩，HTML5在未來將會成為主流文本標(biāo)記的語言。

（二）CSS3將是提升網(wǎng)絡(luò)訪問速度的新技術(shù)。有了HTML5的優(yōu)勢體現(xiàn)，CSS3將會是互聯(lián)網(wǎng)發(fā)展的另一個趨勢。網(wǎng)頁技術(shù)的發(fā)展經(jīng)歷了相對漫長的時(shí)間，網(wǎng)頁設(shè)計(jì)技術(shù)依靠計(jì)算機(jī)技術(shù)的進(jìn)步，但是計(jì)算機(jī)技術(shù)與網(wǎng)絡(luò)設(shè)計(jì)的融合是技術(shù)與人文思想的融合。CSS第一版本在1996年問世，CSS2在1998年發(fā)布，而CSS3的編寫過程更加復(fù)雜，需要在實(shí)際應(yīng)用中繼續(xù)深入。開發(fā)CSS3的主要目的就是要將互聯(lián)網(wǎng)瀏覽的速度進(jìn)一步提升，在CSS3語言的環(huán)境下，不用根據(jù)圖片，只需要根據(jù)文字就可以第一時(shí)間查閱到所需要的網(wǎng)頁，這樣的查閱方法更加快捷，而且不會影響到瀏覽速度。CSS3的優(yōu)勢將會得到更多搜索引擎的青睞，成為網(wǎng)頁制作技術(shù)的重要推進(jìn)，加強(qiáng)搜索引擎對網(wǎng)頁的控制力度，實(shí)現(xiàn)網(wǎng)頁快速查詢的效果。

四、結(jié)語

互聯(lián)網(wǎng)的快速發(fā)展經(jīng)濟(jì)發(fā)展的必然要求，也是社會生活進(jìn)步的需要。網(wǎng)頁制作技術(shù)決定了互聯(lián)網(wǎng)的使用效果。HTML5與CSS3技術(shù)也是在不斷的研究和使用中得到提升。互聯(lián)網(wǎng)的發(fā)展對網(wǎng)頁設(shè)計(jì)師的要求越來越高，設(shè)計(jì)師需要具有多方面的素養(yǎng)，不僅需要技術(shù)的專業(yè)性，更需要對人文社會知識有一定了解。HTML5與CSS3技術(shù)在網(wǎng)頁制作中的應(yīng)用會逐漸加強(qiáng)，并且隨著多種技術(shù)的融合而更加適合互聯(lián)網(wǎng)網(wǎng)頁制作的高標(biāo)準(zhǔn)。

參考文獻(xiàn)：

[1] 凌詩佳，藍(lán)伴儒.淺析HTML與CSS的功能、區(qū)別與聯(lián)系[J].信息系統(tǒng)工程，2013年08期.

[2] 李慧萍，劉亮.網(wǎng)頁設(shè)計(jì)中CSS的應(yīng)用技巧[J].電腦知識與技術(shù)，2012年26期.