HTML5與CSS3技術(shù)在網(wǎng)頁(yè)制作中的應(yīng)用及發(fā)展前景

孔志文

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

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

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

引言

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

一、HTML5和CSS3的基本含義。

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

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

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

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

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

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

四、結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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