- 相關(guān)推薦
網(wǎng)頁(yè)中HTML5與CSS3的應用
下面是YJBYS小編為大家搜索整理的關(guān)于網(wǎng)頁(yè)中HTML5與CSS3的應用，歡迎參考閱讀，希望對大家有所幫助!想了解更多相關(guān)信息請持續關(guān)注我們應屆畢業(yè)生培訓網(wǎng)!
網(wǎng)頁(yè)技術(shù)的發(fā)展和進(jìn)步，使得網(wǎng)頁(yè)的功能朝著(zhù)越來(lái)越豐富的方向發(fā)展，網(wǎng)頁(yè)計算機設計技術(shù)也在這樣的情況下得以不斷融合。比如HTML5與CSS3兩者之間的融合，為網(wǎng)頁(yè)設計打開(kāi)了全新的局面，有利于提升網(wǎng)頁(yè)設計的效益。因此，積極探究HTML5與CSS3的在網(wǎng)頁(yè)設計中的應用，顯得尤為必要。
1 HTML的發(fā)展，特性和應用
1.1 HTML的發(fā)展歷程
HTML英文翻譯全稱(chēng)為超文本標記語(yǔ)言，是用來(lái)描述網(wǎng)頁(yè)文檔的標記語(yǔ)言。1991年Tim Berners-Le編寫(xiě)了名稱(chēng)為HTML標簽的文檔，里面涉及到20多個(gè)標記網(wǎng)頁(yè)的HTML標簽，他在借用SGML標記格式之后，形成了HTML的標記格式，由此打開(kāi)了HTML的發(fā)展歷史：(1)從IETF到W3C的轉變。實(shí)際上HTML的第一個(gè)官方版本是有IETF推出的HTML2.0。早在1994年的時(shí)候，有瀏覽器就在這樣的超文本語(yǔ)言標準下實(shí)現了文檔嵌入圖片，并且以img的標簽納入到HTML2.0體系中去。隨后W3C漸漸成為HTML的標準組織，在對于HTML多數的修改之后，終于在1999年的時(shí)候推出了HTML4.0。(2)XHTML1，具備XML風(fēng)格的HTML。繼HTML4.0之后，出現了第一次修訂的版本，那就是XHTML1.0，其關(guān)注于其擴展方面的效能，因為其對于語(yǔ)法方面的嚴格要求，并沒(méi)有在使用方面表現出隨意性，影響到此版本的使用效益。但是此時(shí)CSS的不斷崛起，也使得網(wǎng)頁(yè)設計者意識到XHTML的應用前景。(3)W3C推出XGTML1.1，XHTML1.1再也無(wú)法使用直接輸出，即使此時(shí)網(wǎng)頁(yè)設計者使用此版本的語(yǔ)言，但是由于主流瀏覽器的不支持，就使得其陷入到被架空的地步。(4)W3C推出了XHTML2，但是由于其在兼容方面的問(wèn)題，難以發(fā)揮其效能，接著(zhù)越來(lái)越多的主流瀏覽器開(kāi)始對于W3C的開(kāi)發(fā)行為提出反對，并且要求在HTML的基礎上實(shí)現新的拓展，在沒(méi)有達成共識之后，主流瀏覽器自發(fā)組織成立了超文本應用技術(shù)小組，那就是WHATWG，他們關(guān)注于Web Forms2和Web Appsl，并且將其融合在一起，形成了全新的HTML5的規范。
1.2 HTML的特性
從本質(zhì)上來(lái)講，HTML文檔制作的過(guò)程并不是很復雜，很多時(shí)候都可以依靠其強大的功能去進(jìn)行處理，甚至支持不同數據格式文本的嵌入。具體來(lái)講其特性主要體現在以下幾個(gè)方面：(1)簡(jiǎn)易性，基于超集方式可以使得其升級變得更加靈活和方便;(2)擴展性，有著(zhù)較強的擴展性;(3)平臺無(wú)關(guān)性，對于應用平臺沒(méi)有過(guò)多的要求。
1.3 HTML的應用
HTML技術(shù)體系不斷完善，功能越發(fā)強大，在網(wǎng)頁(yè)設計過(guò)程的應用也越來(lái)越頻繁。一般情況下，HTML作為基本標記語(yǔ)言，主要在以下幾個(gè)方面發(fā)揮效能(1)實(shí)現靜態(tài)網(wǎng)頁(yè)的編寫(xiě)，多數情況下以.html為結尾的網(wǎng)址就是在HTML的基礎上誕生的，通�？吹降木W(wǎng)頁(yè)源代碼就是標記語(yǔ)言;(2)實(shí)現動(dòng)態(tài)網(wǎng)頁(yè)的編寫(xiě)，主要會(huì )以PHP或者ASP等語(yǔ)言方式去呈現網(wǎng)頁(yè)的動(dòng)態(tài)效果。
2 CSS的發(fā)展、特性和應用
2.1 CSS的發(fā)展歷程
1994年哈坤利提出構建CSS的提議，當時(shí)正在設計一款瀏覽器的伯特・波斯與其實(shí)現合作，開(kāi)展了CSS的設計工作。在當時(shí)CSS作為第一個(gè)含有層疊意識的語(yǔ)言，給予讀者和作者更多的自由行，以實(shí)現設計效益的提升。隨后他們在1994年芝加哥的一次會(huì )議上展示了CSS，隨后兩人就組織成立了技術(shù)小組，終于在1996年完成了CSS，次年12月份第一本公開(kāi)版本被出版。1997年初，W3C內組織了專(zhuān)管CSS的工作組，并且在1998年推出了第二個(gè)版本CSS2.1。CSS3現在還處于開(kāi)發(fā)中，CSS 3在包含了所有CSS 2所支持的基礎上更有所改進(jìn)。
2.2 CSS的特性與應用
CSS中文翻譯為層疊樣式表單，其可以很方便的運用到網(wǎng)頁(yè)外觀(guān)控制上去。具體來(lái)講，其特性主要體現在以下幾個(gè)方面：(1)可以同時(shí)實(shí)現多個(gè)網(wǎng)頁(yè)樣式的更新;(2)使得網(wǎng)頁(yè)的表示層和結構層處于分離的狀態(tài)，不至于受到彼此的影響;(3)使得網(wǎng)頁(yè)文件的大小得到了縮減;(4)對于提升網(wǎng)頁(yè)加載速度來(lái)講，有著(zhù)積極作用。因此，CSS樣式表被大量運用到網(wǎng)頁(yè)設計實(shí)踐工作中去。
3 HTML與CSS在網(wǎng)頁(yè)設計中的應用
從理論上來(lái)講，HTML和CSS3有著(zhù)自己的優(yōu)勢和特點(diǎn)，關(guān)注的方向也存在差異性，運用的領(lǐng)域也展現出很多的不同之處。但是隨著(zhù)近幾年網(wǎng)頁(yè)設計理念的革新，網(wǎng)頁(yè)設計的范圍被延展，移動(dòng)終端的不斷出現，越來(lái)越多的設計人員開(kāi)始意識到其兩者的融合，可以在促進(jìn)網(wǎng)頁(yè)設計工作質(zhì)量提升方面發(fā)揮著(zhù)巨大的作用。當HTML5與CSS3在網(wǎng)頁(yè)設計方面的融合效益被展現出來(lái)之后，就有越來(lái)越多的網(wǎng)頁(yè)設計人員開(kāi)始參與到探索和嘗試中去，遵循兩者之間的不同之處，充分發(fā)揮各自的優(yōu)勢，解決當前各種困難，已經(jīng)成為當前網(wǎng)頁(yè)設計人員的公司。筆者結合自身從事網(wǎng)頁(yè)設計的工作經(jīng)驗，認為兩者之間的融合運用可以在以下幾個(gè)方面發(fā)揮積極效能。
3.1 在移動(dòng)上網(wǎng)平臺中的設計運用
從當前網(wǎng)頁(yè)設計的工作來(lái)看，HTML5與CSS3是使用率比較高的技術(shù)模式，尤其在移動(dòng)網(wǎng)頁(yè)設計，網(wǎng)頁(yè)表單制作的過(guò)程中發(fā)揮著(zhù)越來(lái)越重要的作用。我們知道，傳統的移動(dòng)上網(wǎng)設備由于配置方面的問(wèn)題，其網(wǎng)頁(yè)瀏覽的功能往往受到局限，或者不能看視頻，或者不能獲得高清的效果，為了解決這樣的問(wèn)題很多網(wǎng)站都在創(chuàng )建移動(dòng)互聯(lián)網(wǎng)版本，往往消耗大量的人力和物力。但是如果在此網(wǎng)格設計的過(guò)程跟蹤，充分利用HTML5與CSS3的話(huà)，不僅僅可以實(shí)現跨平臺操作，還能夠使得用戶(hù)獲得最佳的用戶(hù)體驗。以網(wǎng)頁(yè)界面大量圖片插入為例，傳統模式下不僅僅會(huì )使得網(wǎng)頁(yè)運行速度受到制約，還會(huì )使得客戶(hù)的體驗度不斷降低。此時(shí)利用HTML5和CSS3技術(shù)，設計出有效的網(wǎng)頁(yè)表單交互設計模型，如此一來(lái)就可以避免網(wǎng)頁(yè)運行速度緩慢的問(wèn)題。
3.2 在跨瀏覽器調整方面的設計應用
不得不承認的是在HTML5和CSS3技術(shù)幫助下，的確可以使得設計者獲得更多的設計工具和方法，但是難以實(shí)現在跨瀏覽器的調整，如果出現特殊版本的因特網(wǎng)搜索引擎的話(huà)，就需要對于附加設置和幫助進(jìn)行識別。為了能夠解決這樣的難題，可以嘗試以HTML5SHIM的開(kāi)放的JAVASCRIPT文件對于網(wǎng)絡(luò )搜索引擎進(jìn)行識別。當然此項功能不能僅僅依靠搜索引擎本身。另外還可以對于頁(yè)面結構進(jìn)行調整和編輯，在網(wǎng)頁(yè)可編輯的區域，利用Ajax實(shí)現更新內容的保存，并且將其納入到數據庫中去，以便在任何時(shí)候都可以對于對應的數據信息進(jìn)行訪(fǎng)問(wèn)。當然HTML5與CSS3的功能的確強大，但是還難以進(jìn)行跨瀏覽器的操作，但是這將是未來(lái)兩者實(shí)現更好融合的切入點(diǎn)，也是網(wǎng)頁(yè)設計的發(fā)展趨勢。
綜上所述，HTML5與CSS3的發(fā)展和進(jìn)步，是無(wú)數網(wǎng)頁(yè)設計人員艱苦奮斗的結果，其在提升網(wǎng)頁(yè)設計效果，增強其用戶(hù)體驗度方面發(fā)揮著(zhù)越來(lái)越重要的作用。尤其在當前各種語(yǔ)言技術(shù)相互融合，彼此之間的交叉不斷出現，統一的標準和規范，可供擴展的接口，都為實(shí)現技術(shù)的融合和發(fā)展營(yíng)造了良好的外在環(huán)境。人們需要看到的是HTML5與CSS3之間的關(guān)系也是不容忽視的，兩者之間存在的各種異同點(diǎn)都會(huì )為兩者的融合效益發(fā)揮打下基礎。作為網(wǎng)頁(yè)設計人員應該樹(shù)立發(fā)展的理念，正確認識這兩者之間的關(guān)系，不斷將兩者運用到網(wǎng)頁(yè)設計的工作中去，以發(fā)揮兩者的融合效應。
【網(wǎng)頁(yè)中HTML5與CSS3的應用】相關(guān)文章：
Flash在網(wǎng)頁(yè)設計中的應用方式03-18
加速HTML5應用的九大方法03-25
XML語(yǔ)言在網(wǎng)頁(yè)中有哪些應用03-29
刺繡在服裝中的應用03-22
HTML5的發(fā)展03-27